@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#5c5c5c; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



@font-face {

 font-family: 'font1';

 src: url('../images/alt.otf');

} 

.db_top .chatNotice { position:absolute; width:180px; right:-190px; height:32px; border-radius:3px; text-align:center; line-height:32px; top:-2px; z-index:4; background:#373737; color:#fff; font-weight:normal; font-size:12px;}

#payfor{ width:70%; height:auto; margin:0 auto; padding:50px 0px; }

#pay .list{margin:0 1%;width:98%;}

.pay .list h2{padding:15px 0;color:#ce2427;font-size:24px;}

.pay .list{float:left;margin:15px 1%;width:48%;}

.pay .list .box{padding:30px;background:#f5f5f5;line-height:24px;}

.pay .list .box img{float:right;}	

.pay .list .box p{font-size: 14px;color: #666}

::-webkit-scrollbar-button {
 background-color:#FF7677;
 }
::-webkit-scrollbar-track {
 background:#FF66D5;
 }
::-webkit-scrollbar-thumb{
 background:#FFA711;
 border-radius:4px;
 }
::-webkit-scrollbar-corner {
 background:#82AFFF;
 }
::-webkit-scrollbar-resizer {
 background:#FF0BEE;
 }

@media screen and (max-width:756px){

#payfor{ width:96%; height:auto; margin:0 auto; padding:30px 0px; }

.pay .list{width:100%;}

.pay .list .box img{float:none;max-width:80%;}

.pay .list p{display:block;overflow:hidden;width:100%;}

}




/*====*/

.header{position: fixed; width: 100%; left:0; top:0; padding: 0 12%;z-index: 10;height: 97px;z-index: 1000000; border-bottom: 1px solid #e0e0e0;}

.logo{float: left;height: 58px;width: 125px; border-right: 2px solid #e2070b; position: relative; margin-top: 20px;}

.logo1{display: block;}

.logo2{position: absolute;left:0; top:0;display: none;}

.animate span:nth-of-type(2) {

  animation-delay: .05s;

}



.animate span:nth-of-type(3) {

  animation-delay: .1s;

}



.animate span:nth-of-type(4) {

  animation-delay: .15s;

}



.animate span:nth-of-type(5) {

  animation-delay: .2s;

}



.animate span:nth-of-type(6) {

  animation-delay: .25s;

}



.animate span:nth-of-type(7) {

  animation-delay: .3s;

}



.animate span:nth-of-type(8) {

  animation-delay: .35s;

}



.six span {

display: inline-block;

  color: #fff;

  opacity: 0;

  transform: rotate(-180deg) translate(150px, 0);

  animation: twister 1.9s forwards infinite;

}



@keyframes twister {

  10% {

    opacity: 1;

  }

  100% {

    transform: rotate(0deg) translate(0);

    opacity: 1;

  }

}
@media(min-width:1250px){ 
.header_right{float: right; position: relative;}

.header_right p{text-align: right; font-size: 14px; color: #fff; position: absolute;right:0; top:18px; line-height: 18px;z-index: 10;}

.header_right p img{display: inline-block;*display: inline; margin-top: -2px;vertical-align: middle; margin-right: 10px;}

.header_right span{padding-left: 30px; font-weight: bold; font-size: 16px;}

.header_right p a{color: #fff; background: url(../images/a_04.png) no-repeat left center; padding-left: 24px; display: inline-block; *display: inline;}

.header_right p a:hover{color: #fe3636;}

.header.on{background: #fff;border-bottom: 1px solid #e0e0e0;}

.header.on .nav a{ color: #333;}

.header.on .logo2{display: block;}

.header.on p{color: #333;}

.header.on p a{color: #333;background: url(../images/a_04a.png) no-repeat left center; padding-left: 24px;}

.header.on .six span{ color: #333;}



.nav li{float: left; position: relative;}

.nav h3 a{font-weight: bold;font-size: 15px; color: #fff; padding: 60px 15px 25px 15px; display: block;}

.nav h3 .hover1 a{color: #e2070b; }

.nav h3 a:hover{color: #e2070b; }

/*.nav .on h3 a{color: #e2070b; }*/
.nav li:nth-child(2) .sub { position: absolute; width: 140px; left: 50%; transform: translateX(-50%);}
.nav li:nth-child(2) .sub .subnr { padding: 0;}
.nav li:nth-child(2) .sub .subbox { padding: 0; width: 100%; text-align: center;}

.nav li:nth-child(2) .sub .subbox h2 { padding: 10px 0;}
.sub{width: 100%; position: fixed; left:0; top:97px;background: rgba(255,255,255,.8);display: none;z-index: 1000000;}

.subnr{padding: 0 0 0 44%;overflow: hidden;}

.subbox{float: left; width: 140px; padding: 30px 0 30px 30px;}

.subbox h2{font-size: 14px;  color: #333; padding-bottom: 10px;}
.subbox h2:hover{ color:#f71f1f;}
.subbox dt{line-height: 28px;}

.subbox a{color: #5a5a5a;font-size: 14px;}

.subbox a:hover{color: #f71f1f;}
}




@media(min-width:1000px){ 





.banner{width: 100%;height: 917px;}

.banner .swiper-container{height: 100%;}
.banner .swiper-container-fade .swiper-slide {background-size:auto 100%}
.banner .swiper-container .swiper-slide-active {animation:pagebgfd2 8s infinite linear ;}

@keyframes pagebgfd2{

	0% { background-size:auto 100%}

	50% { background-size:auto 100%}

	100% { background-size:auto 100%}

}

.bannetext{width: 1250px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.bannetext h2{font-size: 60px; color: #fff; font-weight: bold; padding-bottom: 40px; font-family: "宋体";}

.bannetext p{color: #fff;font-size: 25px; line-height: 2;}

.banner .swiper-pagination-bullet{width: 30px; height: 4px; opacity: 1;border-radius: 0; background: #eee;}

.banner .swiper-pagination-bullet-active{background: #9fc61d;}

.ggy{width: 130px; float: left; padding:20px 0 0 13px;}

.ggy p{font-size: 14px; overflow: hidden; color: #fff; padding-top: 11px;}



.jsfw{padding: 0 5%;}

.title{padding: 55px 0 0 0; position: relative;}

.title h2{font-size: 25px ;color: #353536; padding-bottom: 20px; position: relative;}

.title h2:before{border-bottom: 1px solid #b40c0f; width: 30px; left:0; bottom: 12px; position: absolute;content: "";}

.title p{font-size: 14px; color: #666666;}

.jsfw_nr {overflow: hidden; padding-top: 30px;}



.container { margin-left: -2%;cursor:pointer;display:flex;}

.container .box {justify-content:space-between;align-items:center;width:20%;margin: 0 0 0 2%;transition:all 0.3s;}

.container .Hover {width:34%;transition:all 0.3s;}

.name {position: relative;width: 100%;background: #eeeeee;height:310px;}

.name_text{width: 260px; position: absolute; left:35px; top:35px; opacity: 0;transition: all 1.8s ease 0s;}

.name_text ul{overflow: hidden;margin-left: -13px;}

.name_text li{float: left; padding: 0 0 10px 13px;width: 50%;}

.name_text a{transition: all .4s ease 0s;display: block; text-align: center; line-height: 31px; font-size: 14px; color: #e2070b; border: 2px solid #e2070b;}

.name_text a:hover{color: #fff; background: #e2070b;}

.name img{position: absolute;right:-15px; top:-19px;} 

.name:hover{background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.name:hover .name_text{opacity: 1;left:35px;}

.mane_nr{padding: 15px 0 50px;}

.mane_nr p{font-size: 12px;color: #80807f;}

.mane_nr h2{font-size: 16px;color: #e2070b; padding-top: 12px;}



.bj1{background: url(../images/a_03.png) no-repeat center center; height: 800px;position: relative; overflow: hidden;}

.bj1 .video-sign { height: 100%; width: 100%;object-fit: cover;}

.hyfa{ position: absolute;z-index: 2;top: 35%;left: 15%; width: 40%; color: #fff;}

.hyfa h2{color: #fff; font-size: 50px; padding-bottom: 55px; position: relative;}

.hyfa h2:before{border-bottom: 1px solid #fff;width: 103px; bottom: 26px; left:0; position: absolute; content: "";}

.hyfa p{font-size: 20px; line-height: 35px; color: #fff;}

.hyfa h4{padding-top: 35px;}

.hyfa a{width: 150px; height: 50px; line-height: 50px; text-align: center;font-size: 15px; display: inline-block;*display: inline; margin-right: 15px; border-radius: 6px;}

.btn1{background: #fff;color: #e2070b;}

.btn2{background: #e2070b;color: #fff;}

.btn2 img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 2px;}



.success{padding: 0 5% 10px 5%;}

.title ul{padding: 35px 0; margin-left: -5px;overflow: hidden;}

.title li{float: left; font-size: 12px; color: #e6e6e6; padding: 0 5px;}

.title ul li a{transition: All 0.4s ease-in-out;display: inline-block;display: inline; padding: 0 16px; line-height: 32px; color: #666666; font-size: 14px;display: inline-block; *display: inline;}

.title ul .hover2 a{color: #fff; background: #e2070b;}

.title ul li a:hover{color: #fff; background: #e2070b;}

.success_nr ul{overflow: hidden; padding-top: 15px; margin-left: -40px;}

.success_nr li{float: left; width: 33.33%; padding: 0 0 50px 40px;}



.box1{position: relative;overflow: hidden;}

.box1:before{	content: '';background: linear-gradient(45deg,rgba(0,13,107,0.7), rgba(77,27,52,0.6));height: 100%;width: 100%;	opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}

.box1:hover:before{box-shadow: 0 0 10px 2px #555;opacity: 1;filter: blur(0);transform: scale(0.92, 0.9) rotate(0);}

.box1 img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}

.box1:hover img{ transform: scale(1.9) rotate(45deg); }

.box1 .box-content{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 40%;left: 50%;z-index: 1;	transition: all 0.5s ease;}

.box1:hover .box-content{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}

.box1 .title{font-size: 18px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0; margin-bottom: 15px;}

.box1 .post{font-size: 14px;text-transform: capitalize; }

.box1 .icon{padding: 0;margin: 0;list-style: none;filter: blur(10px);transform: scale(0);position: absolute;right: 40px;bottom: 0px;z-index: 2;transition: all 0.5s ease 0.2s;}

.box1:hover .icon{transform: scale(1);filter: blur(0);}

.box1 .icon li a{overflow: hidden;

		color: #fff;

		background: url(../images/a_12.png); background-size: 100% 100%;

		font-size: 20px;

		text-align: center;

		line-height: 40px;

		height: 40px;

		width: 40px;

		margin: 0 3px;

		display: block;

		position: relative;

		transition: all 0.3s;

	}

	.box1 .icon li a:hover{

		text-shadow: 0 0 6px #555;

		box-shadow: 0 0 5px #555;

	}

	@media only screen and (max-width:990px){

		.box1{ margin-bottom: 30px; }

	}

	@media only screen and (max-width:479px){

		.box1 .title{ font-size: 20px; }

	}

.success_text{transition: all .8s ease 0s;position: relative; padding: 20px 0 ; }

.success_text h2{font-size: 14px; color: #2e2e2e; padding-bottom: 10px;transition: all .8s ease 0s;}

.success_text h2 a:hover{ color:#e2070b;}

.success_text p{font-size: 12px; color: #bcbcbc;transition: all .8s ease 0s;}

.success_text span{color: #646464;font-size: 14px;}

.success_text b{position: absolute; right:0; top:35px; background: url(../images/a_16.png); width: 44px; height: 4px;}







.btn3{display: block; margin: 0 auto; width: 400px ; height: 44px; background: #e53245; border-radius: 22px; padding: 0 8px 0 15px; line-height: 44px; color: #fff; position: relative; overflow: hidden;}

.btn3 span{transition: all .8s ease 0s;display: block; width: 0; height: 44px; position: absolute; left:0; top:0;background: #b40c0f;}

.btn3:hover span{width: 100%;}

.btn3 b{position: relative; z-index: 10;}

.btn3 em{position: absolute;background: url(../images/a_23.png);width: 28px; height: 28px; right:8px; top:8px; border-radius: 50%;}



.yxtg{padding: 0 5% 100px 5%;}

.yxtg_nr{overflow: hidden; padding-top: 35px;}

.yxtg_left{float: left; width: 25%; padding-right: 1%;}

.yxtg_left li{padding-bottom: 21px;}

.gkx{position: absolute;width: 100%; height: 100%; left:0; right:0; border: 1px solid #e0e0e0;}

.yxtg_right{float: right; width: 25%; padding-left: 1%;}

.yxtg_right li{padding-bottom: 21px;}

.yxtgbox b{font-weight: bold;}

.yxtgbox img{margin: 0 auto; padding: 45px 0 25px;}

.yxtgbox p{font-size: 16px; font-weight: bold; color: #404040;}

.yxtgbox b{color: #ff050a;}



.yxtg_zhang{width: 50%; padding:0 1%;float: left;}

.yxtb_top{ margin-bottom: 21px;overflow: hidden;}

.yxtb_top img{ position: relative;left:50%; transform:translatex(-50%); }

.yztb_nr ul{overflow: hidden; margin-left: -2%;}

.yztb_nr li{float: left; width: 50%; padding-left: 2%;}

.yxtgbox{

  border: 1px solid transparent;

    position: relative;

    width: 100%; 

    height: 209px; 

    text-align: center;

    

}

.yxtgbox span{

    position: absolute; 

    z-index: 111;

    background:#fff; 

}

.yxtgbox .left{

    left: -1px; 

    top: -1px; 

    width: 1px; 

    height: 100%; 

}

.yxtgbox .top{ 

    right: 0px; 

    top: -1px; 

    width: 100%;

    height: 1px;

}

.yxtgbox .right{ 

    right: -1px; 

    bottom: -1px;  

    width: 1px; 

    height: 100%;

}

.yxtgbox:hover{border:1px solid #ff6464;}

.yxtgbox .bottom{

    left: -1px; 

    width: 100%; 

    height: 1px; bottom: -1px;

}

 .yxtgbox:hover .bottom{

    animation:animateBottom 0.2s linear 0s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .left{

    animation:animateLeft 0.2s linear 0.2s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .top{

    animation:animateTop 0.2s linear 0.4s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .right{

    animation:animateRight 0.2s linear 0.6s;

    animation-fill-mode:forwards;

}

 

@keyframes animateLeft{

    form{

        height:204px;

    }

    to{

       height:0;

    }

}

@keyframes animateTop{

    form{

        width:264px;

    }

    to{

       width:0;

    }

}

@keyframes animateRight{

    form{

        height:204px;

    }

    to{

       height:0;

    }

}

@keyframes animateBottom{

    form{

        width:264px;

    }

    to{

       width:0;

    }

}



.cd-scrolling-bg {position: relative;z-index: 2;}

.cd-main-content { position: relative; z-index: 1;}

.cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;}

.cd-fixed-bg.cd-bg-1 {background-image: url(../images/a_56.png);animation:pagebgfd 9s infinite linear ; }

.cd-fixed-bg { background-attachment: fixed;}

.shopping_box{width: 1330px; margin: 0 auto; padding-bottom: 40px;}

.shopping_title{text-align: center; padding: 55px 0 75px;  position: relative;}

.shopping_title h2{color: #fff; font-size: 35px; line-height: 60px;}



.shopping{position: relative; padding: 0 80px;}

.shopping  .swiper-slide { background-position: center; background-size: cover; width: 285px;}

.shopping .swiper-button-next{background: url(../images/a_17.png);width: 55px; height: 55px;}

.shopping .swiper-button-prev{background: url(../images/a_18.png);width: 55px; height: 55px;}



.in_box2 {margin: 0px 100px;padding: 50px 0px;overflow: hidden;}

.in_box2 .bt {font-size: 27px;color: #000;}

.in_box2 .bt b {width: 30px;height: 1px;background: #b40c0f;display: block;margin: 5px 0px;}

.in_box2 .bt p {font-size: 14px;color: #666;}

.in_box21 {margin-top: 25px;}

.in_box21 .hd ul {display: flex; margin-left: -1.5%;}

.in_box21 .hd ul li {width: 22%;padding: 0px 1.5%;position: relative;transition: all 0.5s ease 0s;}

.in_box21 .hd ul li.on {width: 34%;transition: all 0.5s ease 0s;}

.in_box21 .hd ul li .img {width: 90%;position: absolute;right: -15px;top: -5%;z-index: 2;}

.in_box21 .hd ul li .img img {width: 100%;height: auto;position: absolute;}



.in_box21 .hd ul li.on .img {width: 70%;position: absolute;right: 0px;top: -20%;z-index: 2;}



.in_box21 .hd ul li.on .img img {width: 100%;height: auto;}



.in_box21 .hd ul li .nr {height: 310px;background: #eee;position: relative;}



.in_box21 .hd ul li.on .nr {background: #fff;box-shadow: 0px 0px 8px #ccc;position: relative;}



.in_box21 .hd ul li .nr h2 {position: absolute;z-index: 5;padding: 30px;width: 300px;transition: none;}



.in_box21 .hd ul li.on .nr h2 {transition: none;}



.in_box21 .hd ul li .nr a {display: none;transition: all 0.5s ease 0s;border: 2px solid #e2070b;color: #e2070b;font-size: 14px;padding: 8px 5px;margin: 5px;}





.in_box21 .hd ul li a:hover{background: #e2070b;

	color: #fff;}





.in_box21 .hd ul li.on .nr a {

	display: inline-block;

	transition: all 0.5s ease 0s;

}



.in_box21 .hd ul li .xbt {

	padding-top: 10px;

	font-size: 16px;

	color: #e2070b;

}



.in_box21 .hd ul li .xbt p { padding-bottom: 10px;color: #666;font-size: 13px;}

.in_boxt .container span a:hover::before {

	width: 100%;

	transition: width 250ms cubic-bezier(.25, .46, .45, .94);

}





.in_boxs {

	background: url(../images/in_bj2.png) no-repeat center center;

	background-size: contain;

}



.news{padding: 0 5% 75px 5%;}

.title dl{overflow: hidden; float: right; position: relative;z-index: 100; position: absolute; right: 0; bottom: 30px;}

.title dt{float: left;font-size: 14px; padding-left: 30px;}

.title dt a{display: block; line-height: 26px; color: #666;}

.news .title dl dt a.on{border-bottom: 4px solid #ff4f51;}

.news_content{ overflow: hidden; border-top: 1px solid #cccccc; margin-top: 20px;}

.news_left{float: left; width: 360px; padding-top: 30px;}

.tabloid{overflow: hidden;}

.tabloid img{width: 100%;}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }

.news_words h4{font-size: 14px; line-height: 44px; color: #666;}

.news_words h2{font-size: 18px; line-height: 32px;color: #666;}

.news_words p{font-size: 14px; line-height: 24px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.news_words img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 6px; margin-top: -3px;}

.news_right{float: right; width: calc(100% - 420px);}



.news_right ul{overflow: hidden; margin-left: -50px; padding: 20px 10px 20px;}

.news_right li{float: left; width: 50%; padding-left: 50px;}

.news_right a{display: block; padding: 20px 0;border-bottom: 1px solid #dddddd;transition: All 0.4s ease-in-out;}

.news_right h4{font-size: 14px; color: #666666;}

.news_right img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 6px; margin-top: -3px;}

.news_right h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size: 16px; color: #666; line-height: 42px;transition: All 0.4s ease-in-out;}

.news_right p{font-size: 14px; color: #666; line-height: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_right a:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2); padding: 20px 30px; }

.news_right a:hover h2{font-weight: bold;}



.offer{padding: 0 5%;background: url(../images/a_65.png) no-repeat center center; height: 476px;background-size: auto 100% ;}

.offerbox{width: 900px; margin: 0 auto; }

.offerbox h2{font-size: 33px; text-align: center; color: #fff; line-height: 140px;}

.offerbox span{font-size: 20px;display: inline-block;*display: inline;vertical-align: middle; margin-top: -5px; padding: 0 10px;}

.wby1{width: 275px; height: 48px; border: none;background: #fff; border-radius: 8px; padding: 0 20px;line-height: 48px;}

.offerbox ul{text-align: center;}

.offerbox li{display: inline-block;*display: inline; padding-bottom: 20px; padding: 0 10px 20px 10px;}

.wby2{width: 575px; height: 48px; border: none;background: #fff; border-radius: 8px; padding: 0 20px; line-height: 48px;}

.btn4{display: block; width: 144px; height: 48px; font-size: 14px; color: #fff; background: #e53245;border-radius: 8px; margin: 11px auto 0 auto;border: none;cursor:pointer;transition: All 0.4s ease-in-out;}

.btn4:hover{color: #fff; background: #a50a1a;}



.cooperative{padding: 0 5% 150px 5%;}

.cooperative_box ul{overflow: hidden; }

.cooperative_box li{float: left; width: 16.66%; padding: 0 10px 60px 10px;}

.wrapper img{width: 100%;}

.wrapper { margin: 17px auto;display: inline-block;width: 100%; vertical-align: top;cursor: pointer; position: relative; font-family: Tahoma, Arial; perspective: 4000px;}

.item {height: 105px; transform-style: preserve-3d; transition: transform .6s;}



.item:hover { transform: translateZ(-50px) rotateX(95deg);}

.item:hover img { box-shadow: none; }



.item img { border: 1px solid #dedede; display: block; position: absolute;top: 0; box-shadow: 0px 3px 8px rgba(0,0,0,0.1); transform: translateZ(50px);transition: all .6s;}

.item .information {

      display: block;

      position: absolute;

      top: 0;

      height: 100%;

      width: 100%;

      text-align: left;

      text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

      box-shadow: none;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='',GradientType=0 );transform: rotateX(-90deg) translateZ(50px); transition: all .6s; }.information img{border: 1px solid #ff3a13;width: 100%;}







.footer{background: url(../images/a_13.png) no-repeat center center; background-size: 100% 100%;}

.footerbox{padding:65px 5% 80px 5%;border-bottom: 1px solid #414141;overflow: hidden;}

.qr_code{width: 133px; float: left;}

.function{float: right;overflow: hidden;width: calc(100% - 200px); overflow: hidden;}

.address{float: left;width: 370px;}

.ebsite_map{width: calc(100% - 370px); float: right;overflow: hidden;}

.address h2{color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 12px;}

.address p{line-height: 35px;font-size: 14px;color: #c6c6c6;}

.address a{color: #c6c6c6;}

.ebsite_map ul{overflow: hidden;}

.ebsite_map li{float: left; width: 16.66%;}

.ebsite_map h2{color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 12px;}

.ebsite_map a{line-height: 35px;font-size: 14px;color: #c6c6c6;display: block;}

.ebsite_map a:hover{color: #fff;}

.copyright{ padding: 20px 5% 30px 5%;}

.copyright p{font-size: 14px; color: #b7b7b7; line-height: 35px;}



/*弹窗内容*/

.wzbj{background: rgba(0,0,0,.6);width: 100%; height: 100%; position: fixed; left: 0; top:0;z-index: 100;display: none;}

.baojia{ padding: 35px;  max-width: 500px; box-sizing: border-box; position: fixed;z-index: 101;left:50%; top:50%; transform:translate(-50%,-50%);background: #fff;display: none;}

.baojia .logo img{ height: 40px;}



.baojia .nr{ padding-top: 50px; padding-bottom: 20px;}

.baojia .nr h2{ font-size: 13px; color: #333;}

.baojia .nr h3{ font-size: 40px; font-family: fantasy; color: #e60012; padding: 10px 0px; clear: both;}

.baojia .nr h4{ height: 40px; padding: 10px 0px; line-height: 40px; display: flex; font-size: 14px;}

.baojia .nr h4 a{ display: block; width: 90px; height: 40px; background: #222; color: #fff; text-align: center; border-radius: 5px; margin-left: 10px;}



.baojia .nr2 h2{ display: flex;}

.baojia .nr2 h2 .text:nth-child(2){ margin-left: 10px;}

.baojia .nr2 .text{ width: 50%; height: 45px; line-height: 45px; border: 0px; border-bottom: 1px solid #222; font-size: 14px; margin-bottom: 10px;}

.baojia .nr2 .text1{ width: 100%; height: 45px; line-height: 45px; border: 0px; border-bottom: 1px solid #222; font-size: 14px; margin-bottom: 10px;}

.baojia .nr2 p{ font-size: 13px; padding: 5px 0px 15px 0px;}

.baojia .nr2 p i{ margin-right: 3px;}

.baojia .nr2 .anniu{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #e60012;  border-radius: 5px; border: 0px; cursor: pointer;}

.gbbtn{background: url(../images/a_20.png); width: 30px; height: 30px; position: absolute; right: 40px; top:20px;cursor:pointer;}



.slide_right{ width: 60px; height: 332px; position: fixed; right: 0px; top:50%;margin-top:-166px ; z-index:99}

.slide_right li{ width: 60px; height: 60px; margin-bottom: 3px; position: relative;}

.s_tel{ width: 270px; position: absolute; left: 0; top: 0;}

.u_tel{ width: 210px; height: 60px; float: left; background: #e2070b; line-height:60px; text-align: center; font-size:24px; font-family: cursive; letter-spacing:1px; cursor:pointer; color:#fff}

.slide_right li a{ display: block; width:60px; height: 60px; background: #000; color: #fff; transition: none; text-align: center; line-height: 22px; padding-top: 10px; float: left;}

.slide_right li:hover a{ background: #e2070b; text-align: center;}

.slide_right li a i{ display: block; margin: 0px auto; text-align: center; font-size: 28px;}

.slide_right li .s_side{ display: none; background: #666;}

.slide_right li .hade{ display: block;}

.slide_right li.s_zixun {background-position: 0 0;}

.slide_right li.s_zixun .ew_tel {width: 160px;text-align: center;padding: 15px;height: auto;float: left;	background: #e2070b;left: -170px;font-size: 14px;cursor: pointer;color: #fff;position: absolute;display: none;}

.slide_right li.s_zixun .ew_tel img {width: 100%;}

.slide_right li.s_zixun .ew_tel:after {content: '';position: absolute;right: -10px;top: 20px;border-top: 10px solid transparent;border-left: 15px solid #e2070b;border-bottom: 10px solid transparent;}

.slide_right li.s_zixun:hover .ew_tel {display: block;}

.slide_right li.s_zixun .ew_tel p{ font-size: 12px; padding-top: 6px;}

.iconfont img{margin: 0 auto; }



/*==案例表展==*/

.header.header1{background: #fff;}

.header_right1 p{color: #333;}

.header_right1 p a{color: #333;padding-bottom: 22px;}

.nav1 h3 a{ color: #333;}

.ggy1 p{color: #333;}



.banner1{margin-top: 97px; position: relative;}

.banner1 img{width: 100%;}

.banntext {position: absolute;left:50%;  transform:translateX(-50%);text-align: center;bottom: 22%;width: 100%;}

.banntext h2{color: #fff;font-size: 60px; padding-bottom: 30px;}

.banntext p{font-size: 25px; color: #fff;}



.paging{text-align: center; padding: 0 0 150px;}

.paging li{*display: inline;display: inline-block; padding: 0 2px;}

.paging a{*display: inline;display: inline-block; padding: 7px 10px; margin:0px 3px; border: 1px solid #dddddd;border-radius: 4px;color: #666666;}

.paging .hover3 a{color: #fff;border: 1px solid #ec0000;background: #ec0000;}

.paging a:hover{color: #fff;border: 1px solid #ec0000;background: #ec0000;}

.paging a.on{color: #fff;border: 1px solid #ec0000;background: #ec0000;}

/*==案例标签==*/

.position{border-bottom: 1px solid #e7e7e7; padding: 0 5%;}

.position p{line-height: 58px; color: #666;font-size: 14px;}

.position a{color: #666;}

.position a:hover{color: #b40c0f;}



.details{padding: 40px 5% 100px 5%; overflow: hidden;}

.detabox{overflow: hidden; padding-top: 30px;}

.details_left{float: left; width: calc(100% - 372px);}

.article_title{text-align: center; padding: 50px 0 40px;}

.article_title h2{font-size: 25px; color: #545454; line-height: 35px;font-weight: bold;}

.article_content {font-size: 16px;color: #777777; line-height: 30px; padding-bottom: 35px; text-indent: 32px;text-align:justify; word-break: break-all;}

.article_content ul{overflow: hidden; padding-bottom: 35px; margin-left: -10px;}



.article_content li{width: 33.33%; padding-left: 10px;float: left;}

.article_content img{max-width: 100%; display:inline-block;}

.details .title dl dt a.on{border-bottom: 4px solid #ff4f51;}



.details_right{width: 335px; padding:0 10px 0 0;float: right; }

.service{border: 1px solid #d6d6d6;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 38px; margin-bottom: 50px; }

.service h2{font-size: 16px;color: #545454; font-weight: bold; padding: 32px 0 13px; position: relative;}

.service h2:before{position: absolute; content: ""; border-bottom: 2px solid #cc0404;left:0; bottom: -2px;width: 74px;}

.service ul{border-top: 2px solid #dddddd; padding: 29px 0 59px 0;}

.service li{border-bottom: 1px dashed #ddd;line-height: 34px;font-size: 14px; position: relative;}

.service span{border-bottom: 1px dashed #e2070b;overflow: hidden; height: 1px; width: 0%;left:0;bottom: 0;transition: all .8s ease 0s; position: absolute;}

.service li:hover span{width: 100%;}

.service span{border-bottom: 1px dashed #e2070b;overflow: hidden; height: 1px; width: 0%;left:0;bottom: 0;transition: all .8s ease 0s; position: absolute;}

.service li:hover span{width: 100%;}

.service a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block; background: url(../images/a_35.png) no-repeat 14px center; padding-left: 35px; color: #838383;}

.service a:hover{display: block; background: url(../images/a_36.png) no-repeat 14px center;color: #e2070b;}



/*==服务项目==*/

.content{padding: 0 5%;}

.development{position: relative; margin-top: 75px; overflow: hidden;background: url(../images/a_41a.png); background-size: 100% 100%;}

.development img{width: 100%;}

.development_text{position: absolute;left:165px; top:100px;width: 200px;}

.development_text h2{color: #fff; font-size: 40px; padding-bottom: 20px;}

.development_text p{color: #fff; font-size:16px ;}

.development_text ul{padding: 60px 0 35px;}

.development_text li{line-height: 42px;font-size: 16px; color: #fff; padding-left: 20px;background: url(../images/a_45.png) no-repeat left center;}

.development_text a{color: #fff;}

.development_text a:hover{color: #999;}

.btn5{transition: all .4s ease 0s;display: block;width: 138px; height: 50px; text-align: center; background: #ee0000; line-height: 50px; font-size: 16px; color: #fff;}

.btn5:hover{background: #c50404;}



.conta{padding: 0 5%;}

.intellectual ul{overflow: hidden; padding: 45px 0 90px; margin-left: -50px; }

.intellectual li{width: 33.33%; float: left; padding-left:50px ;}

.intellectual_box{ position: relative;overflow: hidden;}

.intellectual_box img{animation:scaleDraw 9s infinite linear ; width: 100%;}



.inte_tp{width: 50%;}

.inte_tp img{width: 100%;animation:scaleDraw 9s infinite linear ;}

.inte_text{position: absolute; top:45px; left: 40px;}

.inte_text h2{color: #333333; font-size: 35px; padding-bottom: 20px;}

.inte_text p{color: #333333; font-size:16px ;}

.inte_text dl{padding: 45px 0 0 0;}

.inte_text dt{line-height: 40px;font-size: 16px; color: #333333; padding-left: 20px;background: url(../images/a_46.png) no-repeat left center;}

.inte_text a{color: #fff;}

.inte_text a:hover{color: #999;}

.intellectual ul li:nth-child(2) dl dt a{color: #333;}

.intellectual ul li:nth-child(2) dl dt a:hover{color: #999;}

.btn6{transition: all .4s ease 0s;display: block;width: 138px; height: 50px; text-align: center; background:rgba(0,0,0,.5); line-height: 50px; font-size: 16px; color: #fff;position: absolute;left:40px; bottom: 40px;}

.btn6:hover{background: #ee0000;}



.intellectual ul li:nth-child(1) h2{ color: #fff;}

.intellectual ul li:nth-child(1) p{ color: #fff;}

.intellectual ul li:nth-child(1) dt{ color: #fff;background: url(../images/a_45.png) no-repeat left center;}

.intellectual ul li:nth-child(3) dt{ color: #fff;background: url(../images/a_45.png) no-repeat left center;}



/*===服务项目-定制开发=*/

.deve_fl{padding: 0 5%;border-bottom: 1px solid #e5e5e5;height: 51px; position: relative;z-index: 100;}

.home{display: inline-block;*display: inline;height: 50px; width: 52px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;background: url(../images/a_52.png) no-repeat center center;vertical-align: middle;}

.basics{text-align: center; line-height: 50px; border-right: 1px solid #e5e5e5; width: 224px; display: inline-block;*display: inline;font-size: 16px; color: #333;background: url(../images/a_53.png) no-repeat 200px center;vertical-align: middle;}

.rjflbox{position: relative;height: 50px;display: inline-block;*display: inline;}

.wzrj{transition: all .8s ease 0s;position: absolute; top:50px; left:-3px; width: 270px; padding: 10px 0;background: #fff;display: none; box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index: 100; }

.wzrj ul{overflow: hidden;}

.wzrj li{float: left; width: 50%; line-height: 36px; }

.wzrj a{transition: all .8s ease 0s;display: block; padding: 0 20px; font-size: 14px; color: #666;}

.wzrj a:hover{color: #fff; background: #c73041;}

.rjflbox:hover .wzrj{display: block;}





.customized{overflow: hidden;}

.customized_r{ width: 50%; overflow: hidden;}

.customized_r img{width: 100%;animation:scaleDraw 9s infinite linear ;}

 @keyframes scaleDraw {

            0% {

	transform:scale(1);

	/*开始为原始大小*/

}

25% {

	transform:scale(1.1);

	/*放大1.1倍*/

}

50% {

	transform:scale(1);

}

75% {

	transform:scale(1.1);

}

}

.customized_l{width: 50%;  padding: 0 5%;}

.customized_l h4{text-align: right;font-size: 20px; color: #6d6d6d; padding: 40px 0 15px;}

.customized_l h2{text-align: right; font-size: 55px; color: #444; padding-bottom: 85px;}

.customized_l p{font-size: 16px; line-height: 30px; color: #6d6d6d;text-align:justify; word-break: break-all;}



.wechat{position: relative; margin-top: 50px; background: url(../images/a_50.png);background-size: 100% 100%;overflow: hidden;}

.wxkf_tp{float: left;width: 50%; padding-left: 60px; height: 450px; position: relative;}

.wxkf_tp img{width: 100%;  position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.wechat_text{position: absolute; right:0;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.wechat_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.wechat_text p{font-size: 16px; color: #fff;line-height: 30px;}

.btn7{transition: all .4s ease 0s;display: block;width: 138px; height: 50px; text-align: center; background:rgba(255,255,255,.2); line-height: 50px; font-size: 18px; color: #fff; margin-top: 45px;}

.btn7:hover{background: #ee0000;}



.wechat_a{position: relative; margin-top: 50px; background: url(../images/a_54.png);background-size: 100% 100%;overflow: hidden;}

.wxkf_tp{float: left; width: 50%;  position: relative;height: 550px;}

.program{margin-top: 50px; background: #bde8f1;overflow: hidden; position: relative;}

.program_tp{width: 50%;position: relative;height: 550px;}

.program_tp img{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.program_text{width: 50%; position: absolute;top:50%; transform: translateY(-50%);left:0; padding: 0 100px;}

.program_text h2{color: #4c4c4c;font-size: 40px; padding-bottom: 45px;}

.program_text p{font-size: 16px; color: #7a7a7a;line-height: 30px;}



/*==服务项目_基础服务==*/

.domain_name{position: relative;background: #000000;overflow: hidden; margin-top: 50px;}

.domain_name_text{position: absolute; top:50%; transform: translateY(-50%);width: 50%; padding: 0 50px;}

.domain_name_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.domain_name_text p{font-size: 16px; color: #fff;line-height: 30px;}

.domain_name_tp{width: 50%; height: 550px; position: relative;}

.domain_name_tp img{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.the_server{position: relative;background: #190e5c;overflow: hidden; margin-top: 50px;}

.the_server_tp{float: left; width: 50%; height: 550px; position: relative;}

.the_server_tp img{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.the_server_text{position: absolute; right:0;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.the_server_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.the_server_text ul{overflow: hidden;}

.the_server_text li{float: left; width: 50%; line-height: 32px; font-size: 14px; color: #fff;}



.keep_record{position: relative;background: #fff;overflow: hidden; margin-top: 50px;}

.keep_record_tp{width: 50%; position: relative; height: 550px;}

.keep_record_tp img{width: 100%;left:50%; top:50%; transform:translate(-50%,-50%); position: absolute;}

.keep_record_text{position: absolute; left:0;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.keep_record_text h2{color: #333333;font-size: 40px; padding-bottom: 45px;}

.keep_record_text p{font-size: 16px; color: #666;line-height: 30px;}

.btn8{transition: all .4s ease 0s;display: block;width: 138px; height: 50px; text-align: center; background:rgba(0,0,0,.2); line-height: 50px; font-size: 18px; color: #fff; margin-top: 45px;}

.btn8:hover{background: #ee0000;color: #fff;}



.telephone{position: relative;background: #0c2198;overflow: hidden; margin-top: 50px;}

.telephone_tp{float: left; width: 50%; position: relative;height: 550px;}

.telephone_tp img{width: 100%; position: absolute;left:0; bottom: 0; }

.telephone_text{position: absolute; right:0%;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.telephone_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.telephone_text p{font-size: 16px; color: #fff;line-height: 30px;}



/*==服务项目_品牌设计==*/

.bzsj{overflow: hidden; background: url(../images/a_69a.png); background-size: 100% 100%; position: relative; margin-top: 75px;}

.bzsj_left{width: 50%; padding: 0 50px 0 100px; position: absolute;top:50%; transform: translateY(-50%);}

.bzsj_left h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.bzsj_left p{font-size: 16px; color: #fff;line-height: 30px;}

.bzsj_right{width: 50%; height: 550px; position: relative;}

.bzsj_right img{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.hcsj{overflow: hidden; position: relative; margin-top: 45px;background: url(../images/a_70a.png);background-size: 100% 100%;}

.hcsj_left{width: 50%; padding: 0 100px; position: absolute;top:50%; transform: translateY(-50%);right: 0;}

.hcsj_left h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.hcsj_left p{font-size: 16px; color: #fff;line-height: 30px;}



.cyhb{overflow: hidden; position: relative; margin-top: 45px;background: #fff;}

.cyhb_left{width: 50%; padding: 0 50px 0 100px; position: absolute;top:50%; transform: translateY(-50%);left: 0;}

.cyhb_left h2{color: #333333;font-size: 40px; padding-bottom: 45px;}

.cyhb_left p{font-size: 16px; color: #333333;line-height: 30px;}

.bzsj_right img{width: 100%;}

.visj{background: #9bba42;overflow: hidden; position: relative; margin-top: 45px;}



/*==服务项目_知识产权==*/

.leftbox{width: 50%; height: 550px; position: relative;}

.leftbox img{width: 100%; position: absolute; left:0; bottom: 0;}

.fl{float: left;}

.patent_application{overflow: hidden;background: url(../images/a_75.png);background-size: 100% 100%; margin-top: 70px; position:relative;}

.trademark{overflow: hidden;background:#bde8f1;background-size: 100% 100%; margin-top: 50px; position:relative;}

.left_text{position: absolute; left:120px;top:50%; transform: translateY(-50%);width: 600px;}

.left_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.left_text p{font-size: 16px; color: #fff;line-height: 30px;}

.btn9{transition: all .4s ease 0s;display: block;width: 138px; height: 50px; text-align: center; background:rgba(162,162,162,.2); line-height: 50px; font-size: 18px; color: #737373; margin-top: 45px;}

.btn9:hover{background: #ee0000;color: #fff;}

.right_text{position: absolute; right:0;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.right_text h2{color: #fff;font-size: 40px; padding-bottom: 45px;}

.right_text p{font-size: 16px; color: #fff;line-height: 30px;text-align:justify; word-break: break-all;}



.enterprise{overflow: hidden;background: url(../images/a_78.png);background-size: 100% 100%; margin-top: 50px; position:relative;}

.authentication{overflow: hidden;background: url(../images/a_80.png);background-size: 100% 100%; margin-top: 50px; position:relative;}

.left_text2{position: absolute; left:0;top:50%; transform: translateY(-50%);width: 50%; padding: 0 100px;}

.left_text2 h2{color: #4c4c4c;font-size: 40px; padding-bottom: 45px;}

.left_text2 p{font-size: 16px; color: #7a7a7a;line-height: 30px;text-align:justify; word-break: break-all;}



/*==关于我们==*/

.cd-fixed-bg.cd-bg-2 {background-image: url(../images/a_81.png);animation:pagebgfd 9s infinite linear ;}

@keyframes pagebgfd{

	0% { background-size:100%}

	50% { background-size:110%}

	100% { background-size:100%}

}



.introduction{text-align: center; padding: 130px 0 60px;}

.introduction p{font-size: 16px;color: #444444; line-height: 40px; padding-bottom: 40px;}

.introduction ul{overflow: hidden; padding-top: 70px;}

.introduction li{float: left; width: 25%;}

.introduction h3{font-size: 25px; color: #000000;}

.introduction h4{font-size: 20px; color: #474747;padding: 24px 0 30px;}

.introduction h2{font-size: 25px; color: #000000;}

.introduction span{font-family: font1;font-size: 80px;}



.purpose{background: url(../images/a_82.png) no-repeat center center; height: 343px;}

.purpose_text{padding: 68px 0 0 580px;}

.purpose_text h2{color: #fff;font-size: 28px; font-weight: bold; padding-bottom: 28px;}

.purpose_text p{font-size: 16px; color: #fff; line-height: 35px;}

.purpose_text a{display: block; width: 300px; height: 42px; position: relative; background: #fff; border-radius: 21px;font-size: 18px; line-height: 42px; padding-left: 20px; color: #000;overflow: hidden; margin-top: 10px;} 

.purpose_text b{background: url(../images/a_83.png);width: 36px; height: 36px; position: absolute; right:3px; top:3px; overflow: hidden;}

.purpose_text span{transition: all .4s ease 0s;position: absolute; left:0; top:0; height: 42px; background: #fe3636;width: 0;}

.purpose_text a:hover{color: #fff;}

.purpose_text a:hover span{width: 100%;}

.purpose_text em{position: relative;z-index: 10;}



/*==联系我们==*/

.contact_us ul{padding:66px 10px 60px 10px ;overflow: hidden; margin-left: -60px;}

.contact_us li{float: left; width: 50%; float: left; padding-left: 60px;}

.contactbox {position: relative; border: 1px solid #dedede; padding: 11px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1);  }

.contactbox img{width: 100%;}

.contact_text{position: absolute; top:45px; left:50px;}

.contact_text h2{font-size: 22px; color: #5f5f5f; font-weight: bold; padding-bottom: 20px;}

.contact_text p{font-size: 16px; color: #888888; line-height: 40px;}

.contact_text b{font-weight: bold;}

.map img{width: 100%;}



/*==新闻资讯==*/

.hot_tags ul{overflow: hidden; padding-top: 22px;}

.hot_tags li{float: left; padding-right: 15px;}

.hot_tags a{display: block; text-align: center; line-height: 40px;  border: 2px solid #8e94a3;border-radius: 22px;width: 100px; font-size: 14px; color: #808080;}

.hot_tags .hover4 a{border: 2px solid #b40c0f; color: #b40c0f;}

.hot_tags a:hover{border: 2px solid #b40c0f; color: #b40c0f;}

.list_news ul{overflow: hidden; padding:0 5px 0 5px; margin-left: -50px;}

.list_news li{width: 50%; padding: 0 0 50px 50px;float: left;}

.list_box{transition: all .8s ease 0s;overflow: hidden; padding: 25px; border: 1px solid #d7d7d7;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.list_left{float: left; width: 105px; height: 105px; background: #0980cb; text-align: center;}

.list_left h2{font-size: 50px; line-height: 73px; color: #fff; font-weight: bold;}

.list_left p{color: #fff; font-size: 14px;}

.list_right{float: right; width: calc(100% - 125px);}

.list_right h2{font-weight: bold; font-size: 18px; line-height: 2; color: #424242;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.list_right p{font-size: 16px; line-height: 30px; color: #838383;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.list_news a:hover .list_box{background: #cc0404;}

.list_news a:hover .list_left{background: #fff;}

.list_news a:hover .list_left h2{color: #cc0404;}

.list_news a:hover .list_left p{color: #cc0404;}

.list_news a:hover .list_right h2{color: #fff;}

.list_news a:hover .list_right p{color: #fff;}



/*==网站建设==*/

.btn10{display: block; width: 144px; height: 48px; font-size: 14px; color: #fff; background: #e53245;border-radius: 8px; margin: 11px auto 0 auto;border: none;cursor:pointer;transition: All 0.4s ease-in-out; text-align: center; float: right; margin-top: 40px; line-height: 48px;}

.btn10:hover{color: #fff; background: #a50a1a;}



.service_process{overflow: hidden; position: relative; padding: 145px 0 160px;}

.service_right{float: right; width: 60%;}

.service_right img{width: 100%;}

.service_left{position: absolute;width: 930px; height: 600px;background: #a92c68;  background-image: linear-gradient(to bottom right, #4301b9 , #d63f44);left:0; top:65px;z-index: 10;}

.service_text{padding: 45px 90px 0 90px;}

.service_text h2{color: #fff; position: relative; font-size: 28px; padding-bottom: 50px;}

.service_text p{color: #fff;font-size: 14px;}

.service_text h2:before{position: absolute; left:0; bottom: 30px; content: ""; border-bottom: 2px solid #fff; width: 44px;}

.service_text ul{text-align: center; padding-top: 50px;}

.service_text li{display: inline-block;*display: inline; padding-bottom: 40px;}

.servbox{width: 145px; height: 140px; text-align: center; position: relative;transition: all .6s ease 0s; }

.servbox .im1{position: absolute; top:10px; left:50%;transform:translateX(-50%);transition: all .5s ease 0s;}

.servbox .im2{margin: 0 auto; padding-top: 10px;}

.servbox p{font-size: 16px; text-align: center; color: #fff; padding-top: 15px;}

.servbox:hover{background: #fff;}

.servbox:hover p{color: #ef0000;}

.servbox:hover .im1{opacity: 0;}



.particle-network-animation {width: 100%; position: absolute;left:0; top:0;height: 100%;}

.particle-network-animation::before {z-index: -2;content: ''; position: absolute; top: 0; right: 0; bottom: 0;left: 0; background-size: cover; opacity: 0.2;}

.glow { z-index: -1; position: fixed;top: 50%;left: 50%;background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);}

.glow-1 { width: 150vw; height: 150vh; margin-top: -75vh;margin-left: -75vw;animation: glow-1-move 25s linear infinite both;}

@keyframes glow-1-move {

  from {

    transform: translate(-100%, 100%);

  }

  to {

    transform: translate(100%, -100%);

  }

}

.glow-2 { width: 100vw;height: 100vh; margin-top: -50vh; margin-left: -50vw; animation: glow-2-move 25s linear 8.3333333333s infinite both;}



@keyframes glow-2-move {

  from {

    transform: translate(-100%, 0%);

  }

  to {

    transform: translate(100%, 100%);

  }

}

.glow-3 { width: 120vw; height: 120vh; margin-top: -60vh;margin-left: -60vw;animation: glow-3-move 25s linear 16.6666666667s infinite both;}

@keyframes glow-3-move {

  from {

    transform: translate(100%, 100%);

  }

  to {

    transform: translate(0%, -100%);

  }

}



/*==网站推广==*/

.extension{border-bottom: 1px solid #d6d6d6;background: #f9f9f9; padding: 0 5%; width: 100%;z-index: 90;}

.extension.on{ position:fixed; top: 97px; left: 0;}

.extension ul{text-align: center;}

.extension li{display: inline-block;*display: inline;}

.extension a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.extension ul li:nth-child(1){border-left: 1px solid #d6d6d6;}



.extension .on a{background: #fff;border-bottom: 1px solid #FF050A;}



.baidu_promotion{overflow: hidden; padding: 80px 0 140px;}

.baidu_r{width: 640px; overflow: hidden; }

.baidu_r img{width: 100%;animation:scaleDraw 9s infinite linear ;}

.baidu_l{ width: calc(100% - 770px);}

.baidubox h2{font-size: 30px; color: #505050; font-weight: bold; padding-bottom: 20px;}

.baidubox p{font-size: 16px; color: #747474;line-height: 35px;}

.baidubox h4{font-size: 20px; color: #505050; font-weight: bold; padding:50px 0 20px;}



.bj2{background: #ededed;}

.title2{text-align: center; padding: 50px 0 30px 0; text-align: center;}

.title2 h2{font-size: 30px; font-weight: bold; color: #353535; padding-bottom: 25px;}

.title2 p{font-size: 14px; height: 30px;background: url(../images/a_91.png) no-repeat center bottom; margin-bottom: 35px;}

.title2 h4{text-align: left; color: #6a6a6a; font-size: 16px; line-height: 27px;}

.succ_text h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-weight: bold;font-size: 20px; color: #353535; line-height: 50px; padding-top: 10px;}

.succ_text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 16px; line-height: 27px; color: #6a6a6a;}



.seo_tit{text-align: center; }

.seo_tit h2{font-size: 30px; color: #353535; padding: 75px 0 55px;font-weight: bold;}

.seo_tit span{color: #f5511e;}

.seo_box{padding-bottom: 60px;}

.seo_box ul{overflow: hidden; margin-left: -40px;}

.seo_box li{float: left; width: 20%; position: relative; padding-left: 40px;}

.seonr h2{color: #fff; font-weight: bold; font-size: 18px; line-height: 53px; background: #1c2e49; text-align: center;}

.seonr{background: #fafafa;height: 480px;}

.seo_box img{position: absolute; left:15px; top:50%;transform:translateY(-50%);}

.seonr dl{padding: 15px 0 0 40px;}

.seonr dt{font-size: 14px; line-height: 35px;color: #706f6f;}



.propaganda h2{font-size: 30px; color: #484848; font-weight: bold; line-height: 155px;text-align: center;}

.propaganda ul{overflow: hidden; margin-left: -47px; padding-bottom: 45px;}

.propaganda li{float: left; width: 33.33%; padding: 0 0 37px 47px;}

.prop{padding: 15px 20px; overflow: hidden; border: 1px solid #b8b8b8;}

.prop_right{width: 120px; float: right;}

.prop_left{float: left; width:calc(100% - 130px);}

.prop_tit{overflow: hidden; padding-bottom: 15px;}

.prop_tit span{display: block; width: 50px; height: 50px; font-weight: bold; font-size: 28px; text-align: center; line-height: 50px; color: #fff; margin-right: 10px;float: left;}

.prop_tit h3{font-size: 20px; font-weight: bold; line-height: 32px;}

.prop_tit h4{font-size: 16px; color: #666666; font-weight: bold;}

.propaganda ul li:nth-child(1) span{background: #ff7303;}

.propaganda ul li:nth-child(1) h3{color: #ff7303;}

.propaganda ul li:nth-child(2) span{background: #e8443a;}

.propaganda ul li:nth-child(2) h3{color: #e8443a;}

.propaganda ul li:nth-child(3) span{background: #729f17;}

.propaganda ul li:nth-child(3) h3{color: #729f17;}

.propaganda ul li:nth-child(4) span{background: #179f6d;}

.propaganda ul li:nth-child(4) h3{color: #179f6d;}

.propaganda ul li:nth-child(5) span{background: #0c6db2;}

.propaganda ul li:nth-child(5) h3{color: #0c6db2;}

.propaganda ul li:nth-child(6) span{background: #ff7303;}

.propaganda ul li:nth-child(6) h3{color: #ff7303;}

.prop_left p{font-size: 14px; line-height: 24px; height: 85px; color: #666666;}



.bj3{background: url(../images/a_93.png) no-repeat center center; height: 612px;}

.optimization_tit{text-align: center; padding: 60px 0;}

.optimization_tit h2{font-weight: bold; color: #fff; font-size: 30px;}

.optimization_tit h4{font-size: 20px; line-height: 28px; color: #a3a3a3; padding: 20px 0;}

.optimization_tit p{line-height: 1.4; font-size: 16px; color: #c9c9c9;}

.optimization ul{overflow: hidden;}

.optimization li{float: left; width: 20%; }

.optimization ul li p{position: relative; background: url(../images/a_94.png);width: 208px; height: 208px; background-size: 100% 100%;}

.optimization  span{position: absolute; font-size: 14px; line-height: 24px;font-weight: bold;left:50%; top:50%; transform:translate(-50%,-50%); color: #fff; text-align: center;width: 100%;}

.img1 {cursor:pointer;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}



/*==网站案例详情==*/

.client_case{padding: 0 135px 200px 135px;}

.client_tit h2{font-size: 35px; color: #3f3f3f; padding: 50px 0 25px;}

.client_tit h4{position: relative; font-size: 25px; color: #3f3f3f; padding-bottom: 35px;}

.client_tit h4:before{border-bottom: 3px solid #cccccc; width: 37px; left:0; bottom: 16px; position: absolute; content: "";}

.client_tit p{font-size: 16px; color: #7f7f7f; line-height: 30px;}

.client_tit h3{padding-top: 40px;}

.client_tit a{display: inline-block;*display: inline;height: 55px; line-height: 53px; width: 150px; border: 1px solid #666666; margin-right: 15px;text-align: center;font-size: 16px;background: #f6f6f6;}

.client_tit .btn11{border: 1px solid #d90000;color: #fff; background: #d90000;}

.client_tit img{vertical-align: middle; display: inline-block;*display: inline; margin-right: 10px;}

.client_box{padding-top: 55px;}

.client_box img{ display:inline-block;max-width: 100%;}

/*==网站建设套餐==*/

.tgfl{border-bottom: 1px solid #d6d6d6;background: #f9f9f9; padding: 0 5%;}

.tgfl ul{text-align: center;width: 1200px; margin: 0 auto;overflow: hidden;}

.tgfl li{float: left; width: 25%;}

.tgfl a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.tgfl ul li:nth-child(1){border-left: 1px solid #d6d6d6;}

.tgfl a:hover{background: #fff;border-bottom: 1px solid #FF050A;}

.tgfl .hover6 a{background: #fff;border-bottom: 1px solid #FF050A;}



.package_deal{width: 1200px; margin: 0 auto;overflow: hidden;padding: 80px 0;}

.package_l{float: left; width: 275px;height: 275px; border: 2px solid #000000; border-radius: 50%; position: relative;}

.img1 {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.package_l:hover .zzgn{width: 100%; height: 100%;}

.package_box{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center; }

.zzgn{transition: all .6s ease 0s;position: absolute;background: rgba(0,0,0,.8);width: 0; height: 0; z-index: 100;border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;}

.zzgn span{display: block; text-align: center; line-height: 275px;  font-size: 34px; color: #FF050A;}

.package_box h2{font-size: 18px; font-weight: bold; color: #333333;}

.package_box p{padding: 10px 0 20px; color: #666;font-size: 14px;}

.package_box img{margin: 0 auto;}

.package_r{width: calc(100% - 360px);float: right;}

.package_r li{overflow: hidden; border-bottom: 1px solid #dddddd; padding: 9px; line-height: 20px;}

.pack_left{float: left; width: 100px; line-height: 20px; font-size: 14px; text-align: center;color: #666666;font-weight: bold;}

.pack_right{float: right; width: calc(100% - 100px);}

.pack_right p{color: #666; line-height: 20px;font-size: 14px;}

.pack_right b{font-weight: bold;}

.pack_right a{font-weight: bold; color: #ff0000;}

.pack_right em{font-weight: bold; color: #ff0000;}



/*==企业邮箱==*/

.mailbox_tit{text-align: center; padding-top: 75px;}

.mailbox_tit h2{font-size: 34px; color: #333; padding-bottom: 26px;}

.mailbox_tit p{font-size: 16px; color: #999;}

.mailbox_box ul{padding: 90px 0; overflow: hidden;}

.mailbox_box li{width: 25%; float: left;}

.mailbox_box ul{overflow: hidden;}

.mailbox_box li{width: 25%; float: left;border-right: 1px solid #dedede;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede; position: relative;}

.mailbox_box ul li:nth-child(1){ border-left: 1px solid #dedede;}

.mail{ padding: 0 40px;transition: all .8s ease 0s;cursor:pointer;}

.amil_tit{text-align: center; padding: 24px 0 14px;border-bottom: 1px solid #dedede;}

.amil_tit h2{font-size: 18px; padding-bottom: 22px; color: #333333;}

.mail_nr{text-align: center;height: 350px; position: relative;}

.mail_nr dl{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.mail_nr dt{line-height: 32px; font-size: 14px;color: #333;}

.mail_bottom{border-top: 1px solid #dedede; padding: 33px 0 20px; text-align: center;}

.mail_bottom p{font-size: 18px; color: #e20b0f;padding-bottom: 30px;}

.mail_bottom p span{font-size: 32px; }

.mail_bottom a{display: inline-block; margin: 0 auto; width: 180px; height: 40px; font-size: 16px; background: #5495de;border-radius: 20px;  line-height: 40px;color: #fff;}

.mssy{display: none;}

.mailbox_box .on .mail{ position: relative;transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);-webkit-box-shadow:0 0 10px rgba(226, 7, 11, .5);  -moz-box-shadow:0 0 10px rgba(226, 7, 11, .5);  box-shadow:0 0 10px rgba(226, 7, 11, .5); z-index: 10;background: #e2070b;}

.mailbox_box .on .mail h2{color: #fff;}

.mailbox_box .on .mail dt{color: #fff;}

.mailbox_box .on .mail p{color: #fff;}

.mailbox_box .on .mail a{color: #e2070b; background: #fff;}

.mailbox_box .on .mssy{display: block;color: #fff; padding-top: 10px;} 



.moilnr{margin: 50px 0 40px;border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}

.moilnr ul{overflow: hidden;}

.moilnr li{width: 33.33%; float: left;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}



.stable{display: block; text-align: center;background: #fff; padding: 70px 70px 0 70px;transition: All 0.4s ease-in-out;}

.moilnr span{display: block;width: 190px; height: 190px; position: relative; margin: 0 auto;}

.moilnr img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.moilnr h2{font-size: 24px; text-align: center;color: #333333;  padding: 25px 0 35px;}

.moilnr p{height: 65px; line-height: 24px; font-size: 14px; color: #666666;}

.stable:hover{background: url(../images/a_17.jpg); background-size: 100% 100%;}

.stable:hover h2{color: #fff;}

.stable:hover p{color: #fff;}



.bj4{background: url(../images/a_16.jpg);background-size: 100% 100%;animation:pagebgfd 9s infinite linear ;}

.function_tit{text-align: center;padding: 55px 0;}

.function_tit h2{font-size: 34px; padding-bottom: 25px; color: #fff;}

.function_tit p{font-size: 16px; color: #fff;}

.function_box ul{overflow: hidden;}

.function_box li{float: left; width: 33.33%; text-align: center; padding: 0 8% 60px 8%;}

.function_box img{margin: 0 auto;height: 86px;}

.function_box h2{color: #fff; font-size: 17px; padding: 13px 0 26px;}

.function_box p{font-size: 14px; line-height: 25px; color: #fff;height: 50px;}



.bj5{background: url(../images/a_107.png) no-repeat center bottom #f2f2f2;animation:pagebgfd 9s infinite linear ;}

.qyyx_nr ul{overflow: hidden;padding: 60px 0 20px; text-align: center;}

.qyyx_nr li{display: inline-block;*display: initial; padding:0 18px 38px 18px;}

.item-padding { position: relative; overflow: hidden;width: 430px;background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.qyyx_tit{text-align: center; padding: 55px 0 0 0;}

.qyyx_tit h2{font-size: 32px; padding-bottom: 26px; color: #666;}

.qyyx_tit p{font-size: 16px; color: #999;}



.relative{transition: all .4s ease 0s;float: left; width: 40%; line-height: 152px;font-size: 36px; text-align: center;color: #242424; position: relative; z-index: 1;}

.relat{transition: all 1s ease 0s;width: 60%;display: block; line-height: 152px; float: left;font-size: 22px; color: #333333; position: relative;z-index: 1;text-align: center;}

.itema-bg{transition: all .8s ease 0s;position: absolute; left:0; height: 300px; width: 40%; background: #f4f4f4;border-radius: 0 50% 50% 0;top:50%; transform: translateY(-50%);}

.qyyx_nr a:hover .itema-bg{background: #e2080c;width: 100%; border-radius: 0 0 0 0;}

.qyyx_nr a:hover .relative{color: #fff;}

.qyyx_nr a:hover .relat{color: #fff;}



.xyfw{overflow: hidden; padding-bottom: 125px; position: relative;background: #f2f2f2;}

.xyfw_left{width: 42%; float: left; padding: 0 90px 0 5%; background-image: linear-gradient(#222de7, #3976fa);height: 600px;}

.xyfw_left h2{font-size: 34px; color: #fff; padding: 120px 0 20px;}

.xyfw_left h4{color: #fff; font-size: 14px;}

.xyfw_left h3{font-size: 24px; line-height: 86px; color: #fff;}

.xyfw_left p{font-size: 16px; color: #fff; line-height: 30px;text-align:justify; word-break: break-all;}



.xyfw_right{float: right; width: 58%;}

.xyfw_right img{width: 100%; position: absolute;top:50%; transform: translateY(-50%);}

.xyfwmop{position: relative;height: 600px;}

.xyfw_right .swiper-button-prev{background: url(../images/a_14.jpg); width: 79px; height: 100px;left:40%; bottom: 178px; margin-top: 0;top:auto;}

.xyfw_right .swiper-button-next{background: url(../images/a_12.jpg); width: 79px; height: 100px;left:40%; bottom: 78px; margin-top: 0;top:auto;}

.extension{}

.extension.on{ position:fixed; top: 97px; left: 0;}

.extension ul{}

.extension li{}

.extension a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.extension ul li:nth-child(1){border-left: 1px solid #d6d6d6;}



.extension .on a{background: #fff;border-bottom: 1px solid #FF050A;}



#LoutiNav { text-align: center;background: #f9f9f9;width:100%;z-index: 1000;border-bottom: 1px solid #d6d6d6;}

#LoutiNav.on{position: fixed;left:0; top:97px;}

#LoutiNav li { display: inline-block;*display: inline; line-height:75px;height:75px;font-size:18px;text-align:center;cursor:pointer;}

#LoutiNav li span{padding: 0 110px;display: block; no-repeat right center;color: #353535;font-weight: bold;border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; margin: 0 -2px;}

#LoutiNav .active span {background:#fff;color:#353535;border-bottom: 2px solid #e2070b;}

#LoutiNav li:hover span {background:#fff;color:#353535;border-bottom: 2px solid #e2070b;}



/*背景代码*/

#site-background .layer-wrapper {

	position: fixed;

	height: 100vh;

	z-index: -999;

	top: 0;

	left: 0;

	width: 100vw

}



#site-background .layer-wrapper>div {

	position: absolute;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100%

}



#site-background .layer-wrapper>div>div {

	position: absolute

}



#site-background .layer-wrapper .element1 {

	top: -120px;

	left: 10%

}



#site-background .layer-wrapper .element2 {

	top: -170px;

	left: 40%

}



#site-background .layer-wrapper .element3 {

	top: 200px;

	right: -5%

}



#site-background .layer-wrapper .element4 {

	top: 10vh;

	left: -25%;

	-webkit-transform: scale(.9) rotate(50deg);

	transform: scale(.9) rotate(50deg)

}



#site-background .layer-wrapper .element5 {

	top: 50vh;

	right: -5%

}



#site-background .layer-wrapper .element6 {

	top: 55vh;

	left: 25%;

	-webkit-transform: scale(.7) rotate(80deg);

	transform: scale(.7) rotate(80deg)

}



#site-background .layer-wrapper div img {

	animation: zoom 25s infinite;

	animation-direction: alternate;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease

}



#site-background .layer-wrapper .layer1 img {

	animation-delay: 2s;

	animation-duration: 30s

}



@keyframes zoom {

	0% {

		transform: scale(.7) rotate(0deg)

	}



	30% {

		transform: scale(.95) rotate(40deg)

	}



	60% {

		transform: scale(.8) rotate(20deg)

	}



	100% {

		transform: scale(1) rotate(60deg)

	}

}

}

@media(min-width:1500px){

.wrapper { margin: 15px auto;display: inline-block;width: 100%; vertical-align: top;cursor: pointer; position: relative; font-family: Tahoma, Arial; perspective: 4000px;}

.item {height: 55px; transform-style: preserve-3d; transition: transform .6s;}

.item:hover { transform: translateZ(-45px) rotateX(90deg);}

}









@media(max-width:1600px){

.header{padding: 0 3%;}

.in_box2 { margin: 0px 3%;}

.success {padding: 0 3% 10px 3%;}

.yxtg {padding: 0 3% 100px 3%;}

.news {padding: 0 3% 75px 3%;}

.cooperative { padding: 0 3% 150px 3%;}

.banntext h2 {font-size: 45px;}

.banntext p {font-size: 20px;}

.ebsite_map h2 {font-size: 14px;}

.address h2 {font-size: 14px;}

.address p{color: #c6c6c6;}

.offerbox h2 {font-size: 26px;}

.position { padding: 0 3%;}

.details {padding: 40px 3% 100px 3%;}

.deve_fl {padding: 0 3%;}

.customized_l {padding: 0 3%;}

.content {padding: 0 3%;}



.program_tp{height: 450px;}

.program_tp{width: 50%;position: relative;height: 550px;}



.btn6 {

    transition: all .4s ease 0s;

    display: block;

    width: 138px;

    height: 50px;

    text-align: center;

    background: rgba(0,0,0,.5);

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    position: absolute;

    left: 40px;

    bottom: 20px;

}

.inte_text dl{padding-top: 20px;}

.inte_text dt {

    line-height: 28px;

    font-size: 16px;

    color: #333333;

    padding-left: 20px;

    background: url(../images/a_46.png) no-repeat left center;

}

.inte_text a{color: #fff;}

.inte_text a:hover{color: #999;}

.intellectual ul li:nth-child(2) dl dt a{color: #333;}

.intellectual ul li:nth-child(2) dl dt a:hover{color: #999;}

}

.dbdw{background:rgba(235,86,80,.9); display:none; position: fixed; left:0; bottom: 0; width: 100%;z-index: 50; padding-bottom:4px;}

.dbdwbox{width: 1400px; margin: 0 auto; position: relative; }

.db_top p{line-height: 44px; font-size:18px; color: #fff;overflow: hidden; padding-right: 30px;}

.db_top p b{font-weight: bold;color: #f6ea0a;}

.db_top a{display: inline-block;*display: inline;width: 96px; transition:all .6s; height: 24px; line-height: 24px; border-radius: 12px; text-align: center; color: #666; font-size: 14px;background: #fff;}

.db_top a:hover {background: #373737;

    color: #fff;}

.db_top img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 10px;}

.db_top em{padding-left: 15px;position: relative;}

.wwbox{width: 200px; height: 34px; text-align: center;color: #fff;background: #333;position: absolute;top:12px; left:58%;border-radius: 4px;line-height: 34px;}

.db_top span{color: #fff; font-size: 14px; background: url(../images/z5.png) no-repeat right center; padding-right: 35px;}

.db_top i{font-weight: bold; font-size: 24px;}

.db_ssk {overflow: hidden;}

.db_ssk ul{overflow: hidden;width: calc(100% - 165px);float: left; }

.db_ssk li{float: left;width: 25%;}

.wby3{background: url(../images/z1.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby4{background: url(../images/z2.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby5{background: url(../images/z3.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby6{background: url(../images/z8.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.btn12{width: 150px; height: 40px; background: #333; font-size: 16px; color: #fff; margin-left: 10px;border: none;}

.bbnr{background: url(../images/z4.png); width: 19px; height: 18px; right:5px; top:20px;position: absolute;} 

.fgtt{height: 91px;}

.sjzs{position: fixed; left:0; bottom: 0; width: 100%; background: #f63933;height: 57px;display: none;}

.sjzs ul{overflow: hidden;}

.sjzs li{width: 33.33%; text-align: center; color: #fff; border-right: 1px solid #fff;float: left; line-height: 57px;}

.sjzs a{display: block; font-size: 14px; text-align:center ;color: #fff;}

.sjzs ul li:nth-child(3){ border: none;}

.sjzs img{display: inline-block; *display: inline;vertical-align: middle; margin-right: 5px;}

@media(max-width:1400px){

.header{padding: 0 1%;}

.nav h3 a{ padding: 60px 20px 25px 20px;}

.banner{width: 100%;height: 917px;}

.banner .swiper-container{height: 100%;}

.bannetext{width: 100%; padding: 0 4%;}

.hyfa{ top: 30%; width: 100%; left:0; padding: 0 5%;}

.success{padding: 0 1% 10px 1%;}

.in_box2 {margin: 0px; padding: 50px 1%; }

.yxtg{padding: 0 1%;}

.yxtgbox p {font-size: 14px;}

.shopping_box {width: 100%;}

.news {padding: 0 1% 75px 1%;}

.cooperative { padding: 0 1% 150px 1%;}



.footerbox {padding: 65px 1% 80px 1%;}

.copyright {padding: 20px 1% 30px 1%;}

.address {width: 340px;}

.address p{color: #c6c6c6;}

.ebsite_map {width: calc(100% - 350px);}

.customized_l h2 { font-size: 40px; padding-bottom: 40px;}

.purpose_text{padding-left: 25%;}

#LoutiNav li span{padding: 0 60px;}

.mail_bottom a{width: 150px;}

.mail_bottom p{font-size: 14px;}

.mail_bottom p span{font-size: 28px;}

.stable { padding: 30px 30px 0 30px;}

.moilnr p{height: 100px;}

.xyfw_left h2 { font-size: 26px; padding: 60px 0 20px;}

.client_case {padding: 0 0 200px 0;}



.cooperative_box li{float: left; width: 25%; padding: 0 10px 10px 10px;}

.dbdwbox{width: 100%; padding: 0 1%;}

}
@media(max-width:1500px){
.cooperative_box li{float: left; width: 25%; padding: 0 10px 10px 10px;}
}
@media(max-width:1680px){
.nav h3 a {padding: 60px 10px 25px 10px;}
}
@media(max-width:1440px){
.nav h3 a {padding: 60px 8px 25px 8px;}
}
@media(max-width:1200px){


.bannetext h2{font-size: 40px;}

.bannetext p{font-size: 18px;}

.yxtgbox p{font-size: 12px;}

.news_right h2 {overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.copyright p {font-size: 12px;line-height: 28px;}

.function {width: calc(100% - 150px);}

.ebsite_map {width: calc(100% - 300px);}

.ebsite_map a {line-height: 28px;font-size: 12px; color: #c6c6c6;}

.address { width: 280px;}

.address p{font-size: 12px; line-height: 28px;color: #c6c6c6;}

.contact_text{top:30px; left:30px;}

.contact_text p { font-size: 14px;line-height: 30px;}



.package_deal { width: 100%;padding: 80px 3%;}

.baidu_r {width: 100%;overflow: hidden;}

.baidu_r img{width: 100%;animation:scaleDraw 9s infinite linear ;}

.baidu_r img{margin: 0 auto;}

.baidu_l{width: 100%; padding-top: 40px;}

.prop{height: 340px;}

.prop_right{float: none; margin: 0 auto;}

.prop_left{width: 100%;}

.hot_tags li { padding-right: 10px;}

.list_news li {width: 100%;}









.cooperative_box li{float: left; width:25%; padding: 0 10px 10px 10px;}



.dbdw{background: #eb5650; position: fixed; left:0; bottom: 0; width: 100%;z-index: 50; padding-bottom: 15px;}

.dbdwbox{width: 100%; margin: 0 auto; position: relative; padding: 0 5px;}

.db_top p{line-height: 54px; font-size: 20px; color: #fff;overflow: hidden;}

.db_top p b{font-weight: bold;color: #f6ea0a;}

.db_top a{display: inline-block;*display: inline;width: 96px; height: 24px; line-height: 24px; border-radius: 12px; text-align: center; color: #666; font-size: 14px;background: #fff;}

.db_top img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 10px;}

.db_top em{padding-left: 15px;}

.db_top span{color: #fff; font-size: 14px; background: url(../images/z5.png) no-repeat right center; padding-right: 35px;}

.db_top i{font-weight: bold; font-size: 24px;}

.db_ssk {overflow: hidden;}

.db_ssk ul{overflow: hidden;width: calc(100% - 165px);float: left; }

.db_ssk li{float: left;width: 25%;}

.wby3{background: url(../images/z1.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby4{background: url(../images/z2.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby5{background: url(../images/z3.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.wby6{background: url(../images/z8.png) no-repeat right center; width: 100%; height: 37px; line-height: 37px; padding: 0 20px;}

.btn12{width: 150px; height: 40px; background: #333; font-size: 16px; color: #fff; margin-left: 10px;border: none;}

.bbnr{background: url(../images/z4.png); width: 19px; height: 18px; right:5px; top:20px;position: absolute;} 

.fgtt{height: 110px;}



.intellectual ul {

    overflow: hidden;

    padding: 45px 0 90px;

    margin-left: -15px;

}

.intellectual li {

    width: 33.33%;

    float: left;

    padding-left: 15px;

}



.inte_text h2 {

    color: #333333;

    font-size: 16px;

    padding-bottom: 10px;

}

.inte_text p {

    color: #333333;

    font-size: 12px;

}

.inte_text dt {

    line-height: 20px;

    font-size: 12px;

    color: #333333;

    padding-left: 20px;

    background: url(../images/a_46.png) no-repeat left center;

}

.inte_text a{color: #fff;}

.inte_text a:hover{color: #999;}

.intellectual ul li:nth-child(2) dl dt a{color: #333;}

.intellectual ul li:nth-child(2) dl dt a:hover{color: #999;}

}
@media(max-width:1250px){
.header{position: fixed; width: 100%; left:0; top:0; padding: 0 3%;z-index: 10;height: 50px;z-index: 100;background: #fff;}
.logo{float: left;width: 70px; border-right: 0px solid #fff; position: relative; margin-top: 8px;}

.logo img{width: 100%;}

.logo1{display: none;}

.logo2{position: absolute;left:0; top:0;display: block;}

.header_right{float: right; position: relative;}

.header_right p{display: none;}

.dhbtn{background: url(../images/d1.png); width: 30px; height: 30px;background-size: 100%; position:fixed;right:3%;top:10px;}

.dhbtn.on{background: url(../images/d2.png);}

.nav{position: fixed; height: calc(100vh - 50px);left:0; top:50px; background: #fff; border-top:1px solid #eee;z-index: 10;width: 100%;display: none;overflow: auto;}

.nav ul{overflow: hidden;}

.nav li{ border-bottom: 1px solid #eee; }

.nav h3 a{font-size: 16px; font-weight: bold; display: block; color: #333; padding: 0 3%;line-height: 3;}

.nav h3 .hover1 a{color: #e2070b; }

.nav h3 a:hover{color: #e2070b; }

/*.nav .on h3 a{color: #e2070b; }*/

.sub{background: #eee;display: none; }

.subnr{overflow: hidden;}

.subbox{float: left; width: 25%; padding:.4rem .1rem;text-align: center;}

.subbox h2{font-size: 14px; font-weight: bold; color: #333; padding-bottom: 10px;}

.subbox dt{line-height: 1.8;}

.subbox a{color: #5a5a5a;font-size: 12px;}

.subbox a:hover{color: #f71f1f;}
.ggy{width: 130px; float: left; padding:10px 0 0 10px;}

.ggy img{width: 20px;}

.ggy p{font-size: 14px; color: #333; padding-top: 5px; overflow: hidden;}


}
@media(max-width:999px){

.sjzs{position: fixed; left:0; bottom: 0; width: 100%; z-index:99; background: #f63933;height: 57px;display: block; z-index:99999;}

.sjzs ul{overflow: hidden;}

.sjzs li{width: 33.33%; text-align: center; color: #fff; border-right: 1px solid #fff;float: left; line-height: 57px;}

.sjzs a{display: block; font-size: 14px; text-align:center ;color: #fff;}

.sjzs ul li:nth-child(3){ border: none;}

.sjzs img{display: inline-block; *display: inline;vertical-align: middle; margin-right: 5px;}

	

	

	







.banner{padding-top: 50px;}

.banner{width: 100%;height: 10rem;}

.banner .swiper-container{height: 100%;}

.bannetext{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); padding: 0 5%;}

.bannetext h2{font-size: 24px; color: #fff; font-weight: bold; padding-bottom: .4rem; font-family: "宋体";}

.bannetext p{color: #fff;font-size: 13px; line-height: 1.8;}

.banner .swiper-pagination-bullet{width: 30px; height: 4px; opacity: 1;border-radius: 0; background: #eee;}

.banner .swiper-pagination-bullet-active{background: #9fc61d;}



.jsfw{padding: 0 3%;}

.title{padding:.5rem 0 0 0; position: relative;}

.title h2{font-size: 18px ;color: #353536; padding-bottom: .2rem; position: relative;}

.title h2:before{border-bottom: 1px solid #b40c0f; width: .3rem; left:0; bottom: .12rem; position: absolute;content: "";}

.title p{font-size: 14px; color: #666666;}

.jsfw_nr {overflow: hidden; padding-top: .3rem;}



.bzsj_right{width: 100%; float: none;}

.bzsj_right img{width: 100%;}

.bzsj_left{padding:.5rem 0 0 0; position: relative; float: none;}

.bzsj_left h2{font-size: 20px ;color: #353536; padding-bottom: .2rem; position: relative;}

.bzsj_left h2:before{border-bottom: 1px solid #b40c0f; width: .3rem; left:0; bottom: .12rem; position: absolute;content: "";}

.bzsj_left p{font-size: 16px; color: #666666; line-height: 1.6;}

.bzsj_right {padding-top: .5rem;}

.bzsj_right img{width: 100%;}

.hcsj_left h2{font-size: 20px ;color: #353536; padding-bottom: .2rem; position: relative;}

.hcsj_left h2:before{border-bottom: 1px solid #b40c0f; width: .3rem; left:0; bottom: .12rem; position: absolute;content: "";}

.hcsj_left p{font-size: 16px; color: #666666; line-height: 1.6;}

.hcsj_left {padding-top: .5rem;}

.hcsj_left img{width: 100%;}



.bzsj_right{padding-top: .5rem;overflow: hidden;float: none;}

.bzsj_right img{width: 100%;}



.cyhb_left h2{font-size: 20px ;color: #353536; padding-bottom: .2rem; position: relative;}

.cyhb_left h2:before{border-bottom: 1px solid #b40c0f; width: .3rem; left:0; bottom: .12rem; position: absolute;content: "";}

.cyhb_left p{font-size: 16px; color: #666666; line-height: 1.6;}

.cyhb_left {padding-top: .5rem;}

.cyhb_left img{width: 100%;}





.container { margin-left: -2%;cursor:pointer;display:flex;}

.container .box {justify-content:space-between;align-items:center;width:40%;margin: 0 0 0 2%;transition:all 0.3s;}

.container .Hover {width:34%;transition:all 0.3s;}

.name {position: relative;width: 100%;background: #eeeeee;height:310px;}

.name_text{width: 260px; position: absolute; left:35px; top:35px; opacity: 0;transition: all 1.8s ease 0s;}

.name_text ul{overflow: hidden;margin-left: -13px;}

.name_text li{float: left; padding: 0 0 10px 13px;width: 50%;}

.name_text a{transition: all .4s ease 0s;display: block; text-align: center; line-height: 31px; font-size: 14px; color: #e2070b; border: 2px solid #e2070b;}

.name_text a:hover{color: #fff; background: #e2070b;}

.name img{position: absolute;right:-15px; top:-19px;} 

.name:hover{background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.name:hover .name_text{opacity: 1;left:35px;}

.mane_nr{padding: 15px 0 50px;}

.mane_nr p{font-size: 12px;color: #80807f;}

.mane_nr h2{font-size: 16px;color: #e2070b; padding-top: 12px;}



.bj1{background: url(https://szjushang.oss-cn-shanghai.aliyuncs.com/web0512sjbj.png) no-repeat center center; height:18rem;  margin-top:50px;position: relative;}

.bj1 .video-sign { height: 100%; width: 100%;object-fit: cover;}

.hyfa{ position: absolute;z-index: 2;top: 25%; color: #fff;width: 100%; padding: 0 3%;}

.hyfa h2{color: #fff; font-size: 28px; padding-bottom: .5rem; position: relative;}

.hyfa h2:before{border-bottom: 1px solid #fff;width: 1rem; bottom: .3rem; left:0; position: absolute; content: "";}

.hyfa p{font-size: 12px; line-height: 1.8; color: #fff;}

.hyfa h4{padding-top: .35rem;}

.hyfa a{width:150px; height: 50px; line-height: 50px; text-align: center;font-size: 16px; display: inline-block;*display: inline; margin-right: .15rem; border-radius:6px;}

.btn1{background: #fff;color: #e2070b;}

.btn2{background: #e2070b;color: #fff;}

.btn2 img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 2px;}



.success{padding: 0 3% 10px 3%;}

.title ul{padding: .35rem 0; margin-left: -5px;overflow: hidden;}

.title li{float: left; font-size: 14px; color: #e6e6e6; padding: 0.05rem;}

.title ul li a{transition: All 0.4s ease-in-out;display: inline-block;display: inline; padding: 0 .16rem; line-height: 40px; color: #666666; font-size: 14px;display: inline-block; *display: inline;}

.title ul .hover2 a{color: #fff; background: #e2070b;}

.title ul li a:hover{color: #fff; background: #e2070b;}

.success_nr ul{overflow: hidden; padding-top: 15px; margin-left: -.25rem;}

.success_nr li{float: left; width:50%; padding: 0 0 .5rem .25rem;}



.box1{position: relative;overflow: hidden;}

.box1:before{	content: '';background: linear-gradient(45deg,rgba(0,13,107,0.7), rgba(77,27,52,0.6));height: 100%;width: 100%;	opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}

.box1:hover:before{box-shadow: 0 0 10px 2px #555;opacity: 1;filter: blur(0);transform: scale(0.92, 0.9) rotate(0);}

.box1 img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}

.box1:hover img{ transform: scale(1.9) rotate(45deg); }

.box1 .box-content{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 40%;left: 50%;z-index: 1;	transition: all 0.5s ease;}

.box1:hover .box-content{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}

.box1 .title{font-size: .2rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0; margin-bottom: 15px;}

.box1 .post{font-size: .24rem;text-transform: capitalize; }

.box1 .icon{padding: 0;margin: 0;list-style: none;filter: blur(10px);transform: scale(0);position: absolute;right: .2rem;bottom: -.25rem;z-index: 2;transition: all 0.5s ease 0.2s;}

.box1:hover .icon{transform: scale(1);filter: blur(0);}

.box1 .icon li a{overflow: hidden;background: url(../images/a_12.png); background-size: 100% 100%;text-align: center;height: .4rem;width: .4rem;display: block;position: relative;transition: all 0.3s;}

	

.box1 .title{ font-size: .2rem; }

.success_text{transition: all .8s ease 0s;position: relative; padding: .2rem 0 ; }

.success_text h2{font-size: 12px; line-height: 1.6;color: #2e2e2e; padding-bottom: 10px;transition: all .8s ease 0s;  }

.success_text h2 a:hover{ color:#e2070b;}

.success_text p{font-size: 12px; color: #bcbcbc;transition: all .8s ease 0s; height:18px; line-height:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.success_text span{color: #646464;font-size: 12px;line-height: 1.5;}

.success_text b{position: absolute; right:0; top:.35rem; background: url(../images/a_16.png); width: .4rem; height: .04rem;background-size: 100% 100%;}







.btn3{display: block; margin: 0 auto; width: 200px ; height: 44px; background: #e53245; border-radius: 22px; padding: 0 8px 0 15px; line-height: 44px; color: #fff; position: relative; overflow: hidden;}

.btn3 span{transition: all .8s ease 0s;display: block; width: 0; height: 44px; position: absolute; left:0; top:0;background: #b40c0f;}

.btn3:hover span{width: 100%;}

.btn3 b{position: relative; z-index: 10;}

.btn3 em{position: absolute;background: url(../images/a_23.png);width: 28px; height: 28px; right:8px; top:8px; border-radius: 50%;}



.yxtg{padding: 0 3% 1rem 3%;}

.yxtg_nr{overflow: hidden; padding-top: 35px;}

.yxtg_left{float: left; width: 100%; padding-right: 0%;}

.yxtg_left li{padding-bottom: .3rem;cursor:pointer;}

.gkx{position: absolute;width: 100%; height: 100%; left:0; right:0; border: 1px solid #e0e0e0;}

.yxtg_right{float: right; width: 100%; padding-left: 0%;}

.yxtg_right li{padding-bottom: 21px;}

.yxtgbox b{font-weight: bold;}

.yxtgbox img{margin: 0 auto; padding: 45px 0 25px;}

.yxtgbox p{font-size: 18px; font-weight: bold; color: #404040;}

.yxtgbox b{color: #ff050a;}



.yxtg_zhang{width: 100%; }

.yxtb_top{ margin-bottom: 21px;}

.yxtb_top img{ width: 100%; }

.yztb_nr ul{overflow: hidden; }

.yztb_nr li{ width: 100%; padding-left: 0; padding-bottom: 3%;}

.yxtgbox{

  border: 1px solid transparent;

    position: relative;

    width: 100%; 

    height: 209px; 

    text-align: center;

    

}

.yxtgbox span{

    position: absolute; 

    z-index: 111;

    background:#fff; 

}

.yxtgbox .left{

    left: -1px; 

    top: -1px; 

    width: 1px; 

    height: 100%; 

}

.yxtgbox .top{ 

    right: 0px; 

    top: -1px; 

    width: 100%;

    height: 1px;

}

.yxtgbox .right{ 

    right: -1px; 

    bottom: -1px;  

    width: 1px; 

    height: 100%;

}

.yxtgbox:hover{border:1px solid #ff6464;}

.yxtgbox .bottom{

    left: -1px; 

    width: 100%; 

    height: 1px; bottom: -1px;

}

 .yxtgbox:hover .bottom{

    animation:animateBottom 0.2s linear 0s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .left{

    animation:animateLeft 0.2s linear 0.2s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .top{

    animation:animateTop 0.2s linear 0.4s;

    animation-fill-mode:forwards;

}

.yxtgbox:hover .right{

    animation:animateRight 0.2s linear 0.6s;

    animation-fill-mode:forwards;

}

 

@keyframes animateLeft{

    form{

        height:204px;

    }

    to{

       height:0;

    }

}

@keyframes animateTop{

    form{

        width:264px;

    }

    to{

       width:0;

    }

}

@keyframes animateRight{

    form{

        height:204px;

    }

    to{

       height:0;

    }

}

@keyframes animateBottom{

    form{

        width:264px;

    }

    to{

       width:0;

    }

}



.cd-scrolling-bg {position: relative;z-index: 2;}

.cd-main-content { position: relative; z-index: 1;}

.cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;}

.cd-fixed-bg.cd-bg-1 {background-image: url(../images/a_56.png);animation:pagebgfd 9s infinite linear ; }

.cd-fixed-bg { background-attachment: fixed;}

.shopping_box{width: 100%; margin: 0 auto; padding-bottom: .5rem;}

.shopping_title{text-align: center; padding: .5rem 0 .75rem;}

.shopping_title h2{color: #fff; font-size: 26px; line-height: 1.8;}



.shopping{position: relative; padding: 0 .8rem;}

.shopping img{width: 100%;}

.shopping  .swiper-slide { background-position: center; background-size: cover; width: 2.8rem;}

.shopping .swiper-button-next{background: url(../images/a_17.png);width: .55rem; height: .55rem;background-size: 100%;}

.shopping .swiper-button-prev{background: url(../images/a_18.png);width: .55rem; height:.55rem;background-size: 100%;}



.in_box2 {margin: 0px ;padding: .5rem 3%;overflow: hidden;}

.in_box2 .bt {font-size: .3rem;color: #000;}

.in_box2 .bt b {width: 30px;height: 1px;background: #b40c0f;display: block;margin: .1rem 0px;}

.in_box2 .bt p {font-size: .26rem;color: #666;}

.in_box21 {margin-top: 25px;}

.in_box21 .hd ul { margin-left: -1.5%;}

.in_box21 .hd ul li {width: 50%;padding: 0px 1.5% .3rem 1.5%;position: relative;transition: all 0.5s ease 0s;float: left;}

.in_box21 .hd ul li.on {width: 50%;transition: all 0.5s ease 0s;}

.in_box21 .hd ul li .img {width: 40%;position: absolute;right: -15px;top: -5%;z-index: 2;}

.in_box21 .hd ul li .img img {width: 100%;height: auto;position: absolute;}



.in_box21 .hd ul li.on .img {width: 60%;position: absolute;right: 0px;top: -20%;z-index: 2;}



.in_box21 .hd ul li.on .img img {width: 100%;height: auto;}



.in_box21 .hd ul li .nr {height: 2.5rem;background: #eee;position: relative;}



.in_box21 .hd ul li.on .nr {background: #fff;box-shadow: 0px 0px 8px #ccc;position: relative;}



.in_box21 .hd ul li .nr h2 {position: absolute;z-index: 5;padding:.3rem;width: 80%;transition: none;}



.in_box21 .hd ul li.on .nr h2 {transition: none;}



.in_box21 .hd ul li .nr a {display: none;transition: all 0.5s ease 0s;border: 1px solid #e2070b;color: #e2070b;font-size: 12px;padding: .04rem .06rem;margin: 2px;}

.in_box21 .hd ul li a:hover{background: #e2070b;

	color: #fff;}





.in_box21 .hd ul li.on .nr a {

	display: inline-block;

	transition: all 0.5s ease 0s;

}



.in_box21 .hd ul li .xbt {

	padding-top: .1rem;

	font-size: 18px;

	color: #e2070b;

}



.in_box21 .hd ul li .xbt p { padding-bottom: .15rem;color: #666;font-size: 14px; line-height: 1.8;}

.in_boxt .container span a:hover::before {

	width: 100%;

	transition: width 250ms cubic-bezier(.25, .46, .45, .94);

}





.in_boxs {

	background: url(../images/in_bj2.png) no-repeat center center;

	background-size: contain;

}



.news{padding: 0 3% .75rem 3%;}

.title dl{overflow: hidden; position: relative;z-index: 100; margin-left: -.3rem; padding-top: .4rem;}

.title dt{font-size: 15px; padding-left: .3rem;float: left;}

.title dt a{display: block; line-height: 2; color: #666;}

.news .title dl dt a.on{border-bottom: 4px solid #ff4f51;}

.news_content{ overflow: hidden; border-top: 1px solid #cccccc; margin-top: 20px;}

.news_left{ width: 100%; padding-top: .3rem;}

.tabloid{overflow: hidden; padding-bottom: .3rem;}

.tabloid img{width: 100%;}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }

.news_words h4{font-size: 13px; line-height: 1.6; color: #666;}

.news_words h2{font-size: 14px; line-height: 2;color: #666;}

.news_words p{text-align:justify; word-break: break-all;font-size: 12px; line-height: 1.4; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.news_words img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 6px; margin-top: -3px;}

.news_right{float: right; width: 100%;}



.news_right ul{overflow: hidden; margin-left: -50px; padding: .2rem .1rem .2rem;}

.news_right li{float: left; width: 100%; padding-left: 50px;}

.news_right a{display: block; padding: .2rem 0;border-bottom: 1px solid #dddddd;transition: All 0.4s ease-in-out;}

.news_right h4{font-size: 13px; color: #666666;}

.news_right img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 6px; margin-top: -3px;}

.news_right h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size: 14px; color: #666; line-height: 2;transition: All 0.4s ease-in-out;}

.news_right p{font-size: 12px; color: #666; line-height: 1.4;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_right a:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2); padding: 20px 30px; }

.news_right a:hover h2{font-weight: bold;}



.offer{padding: 0 3% .5rem 3%;background: url(../images/a_65.png) no-repeat center center; height: auto; background-size: auto 100%;}

.offerbox{width: 100%; margin: 0 auto; }

.offerbox h2{font-size: 14px; text-align: center; color: #fff; line-height: 1.6; padding: .5rem 0;}

.offerbox span{font-size: 20px;display: inline-block;*display: inline;vertical-align: middle; margin-top: -5px; padding: 0 .1rem;}

.wby1{width: 100%; height: 50px; border: none;background: #fff; border-radius: 6px; padding: 0 .2rem;line-height: .6rem;font-size: 12px;}

.offerbox ul{text-align: center; overflow: hidden;}

.offerbox li{display: block;  padding: 0 .1rem .2rem .1rem; width: 50%; float: left;}

.offerbox ul li:nth-child(3){width: 100%;}

.wby2{width: 100%; height: 50px; border: none;background: #fff; border-radius: 6px; padding: 0 .2rem; line-height: 50px;font-size: 12px;}

.btn4{display: block; width: 150px; height: 50px; font-size: 14px; color: #fff; background: #e53245;border-radius: 6px; margin: .15rem auto 0 auto;border: none;cursor:pointer;transition: All 0.4s ease-in-out;}

.btn4:hover{color: #fff; background: #a50a1a;}



.cooperative{padding: 0 3% .8rem 3%;}

.cooperative_box ul{overflow: hidden; margin-left: -.3rem; padding-top: .4rem; }

.cooperative_box li{float: left; width: 33.33%; padding: 0 0 .2rem .2rem;}

.wrapper img{width: 100%;}

.wrapper { margin: 0 auto;}

.item img { border: 1px solid #dedede; display: block; box-shadow: 0px 3px 8px rgba(0,0,0,0.1);transition: all .6s;}

.information img{display: none;}



.footer{background: url(../images/a_13.png) no-repeat center center; background-size: auto 100%;}

.footerbox{padding:.5rem 3%;border-bottom: 1px solid #414141;overflow: hidden;}

.qr_code{width: 1.7rem;  margin: 0 auto;}

.qr_code img{width: 100%;}

.function{overflow: hidden;width:100%; overflow: hidden;}

.address{width: 100%; padding: .3rem 0 0 0;}

.address p{color: #c6c6c6}

.ebsite_map{display: none;}

.address h2{color: #fff; font-size: 18px; font-weight: bold; padding-bottom: .15rem;}

.address p{line-height: 1.8;font-size: 14px;}

.address a{color: #c6c6c6;}

.ebsite_map ul{overflow: hidden;}

.ebsite_map li{float: left; width: 16.66%;}

.ebsite_map h2{color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 12px;}

.ebsite_map a{line-height: 35px;font-size: 14px;}

.ebsite_map a:hover{color: #fff;}

.copyright{ padding: .3rem 3%;}

.copyright p{font-size: 14px; color: #b7b7b7; line-height:1.6; padding-bottom: .1rem;}

/*==案例表展==*/

.header.header1{background: #fff;}

.header_right1 p{color: #333;}

.header_right1 p a{color: #333;}

.nav1 a{ color: #333;}

.ggy1 p{color: #333;}



.banner1{margin-top: 50px; position: relative; height: 4rem;width: 100%; overflow: hidden;}

.banner1 img{height: 100%; position: absolute;}

.banntext {position: absolute;left:50%;  transform:translateX(-50%);text-align: center;bottom: 22%;width: 100%; padding: 0 3%; line-height: 1.6;}

.banntext h2{color: #fff;font-size: 20px; padding-bottom: .3rem;}

.banntext p{font-size: 14px; color: #fff; line-height: 1.6;}



.paging{text-align: center; padding: 0 0 1.5rem;}

.paging li{*display: inline;display: inline-block; padding: 0 0.04rem;}

.paging a{*display: inline;display: inline-block; padding: 5px 10px; margin: 0 0.04rem; border: 1px solid #dddddd;border-radius: .05rem;color: #666666;font-size: 14px;}

.paging .hover3 a{color: #fff;border: 1px solid #ec0000;background: #ec0000;}

.paging a:hover{color: #fff;border: 1px solid #ec0000;background: #ec0000;}



/*==案例标签==*/

.position{border-bottom: 1px solid #e7e7e7; padding: 0 3%;}

.position p{line-height: 3.4; color: #666;font-size: 12px;}

.position a{color: #666;}

.position a:hover{color: #b40c0f;}



.details{padding: .4rem 3% 1rem 3%; overflow: hidden;}

.newsbox{}

.details_left{ width:100%;}

.article_title{text-align: center; padding: 0rem 0 .15rem;}

.article_title h2{font-size: 16; color: #545454; line-height: 1.6;font-weight: bold;}

.article_content{font-size: 12px;color: #777777; line-height:22px; padding-bottom: .35rem; text-indent: .52rem;text-align:justify; word-break: break-all;}

.article_content ul{overflow: hidden; padding-bottom: .35rem; margin-left: -10px;}

.article_content li{width: 33.33%; padding-left: 10px;float: left;}

.article_content img{width: 100%;}



.details_right{width: 100%; padding:.2rem 0 0 0; }

.service{border: 1px solid #d6d6d6;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 .35rem; margin-bottom: .5rem; }

.service h2{font-size:16px;color: #545454; font-weight: bold; padding: .24rem 0; position: relative;}

.service h2:before{position: absolute; content: ""; border-bottom: 2px solid #cc0404;left:0; bottom: -2px;width: 74px;}

.service ul{border-top: 2px solid #dddddd; padding: .3rem 0 .6rem 0;}

.service li{border-bottom: 1px dashed #ddd;line-height: 34px;font-size: 12px; position: relative;}

.service span{border-bottom: 1px dashed #e2070b;overflow: hidden; height: 1px; width: 0%;left:0;bottom: 0;transition: all .8s ease 0s; position: absolute;}

.service li:hover span{width: 100%;}

.service a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block; background: url(../images/a_35.png) no-repeat 14px center; padding-left: 35px; color: #838383;}

.service a:hover{display: block; background: url(../images/a_36.png) no-repeat 14px center;color: #e2070b;}

/*==服务项目==*/

.content{padding: 0 3%;}

.development{position: relative; margin-top:.75rem; overflow: hidden;background: url(../images/a_41a.png); background-size: auto 100%;}

.development img{width: 100%;}

.development_text{padding: .4rem;}

.development_text h2{color: #fff; font-size:20px; padding-bottom: .2rem;}

.development_text p{color: #fff; font-size:14px ;}

.development_text ul{padding: .6rem 0 .35rem;}

.development_text li{line-height:3;font-size: 16px; color: #fff; padding-left: .25rem;background: url(../images/a_45.png) no-repeat left center;}

.development_text a{color: #fff;}

.development_text a:hover{color: #999;}

.btn5{transition: all .4s ease 0s;display: block;width: 150px; height: 50px; text-align: center; background: #ee0000; line-height: 50px; font-size: 16px; color: #fff;}

.btn5:hover{background: #c50404;}



.conta{padding: 0 3%;}

.intellectual ul{overflow: hidden; padding: .45rem 0 .9rem; margin-left: -50px; }

.intellectual li{width: 100%; float: left; padding-left:50px ;}

.intellectual_box{ position: relative;overflow: hidden;}

.intellectual_box img{animation:scaleDraw 9s infinite linear ; width: 100%; }

.inte_tp{height: 100%; position: absolute; bottom: 0; right:0;}

.inte_tp{width: 50%;}

.inte_tp img{width: 100%;animation:scaleDraw 9s infinite linear ;}



.inte_text{position: absolute; top:45px; left: 40px;}

.inte_text h2{color: #333333; font-size:18px; padding-bottom: .2rem;}

.inte_text p{color: #333333; font-size:14px ;}

.inte_text dl{padding: .45rem 0 0 0;}

.inte_text dt{line-height: 2;font-size: 16px; color: #333333; padding-left: .25rem;background: url(../images/a_46.png) no-repeat left center;}

.inte_text a{color: #fff;}

.inte_text a:hover{color: #999;}

.intellectual ul li:nth-child(2) dl dt a{color: #333;}

.intellectual ul li:nth-child(2) dl dt a:hover{color: #999;}

.btn6{transition: all .4s ease 0s;display: block;width: 150px; height: 50px; text-align: center; background:rgba(0,0,0,.5); line-height: 50px; font-size: 16px; color: #fff;position: absolute;left:.4rem; bottom: .4rem;}

.btn6:hover{background: #ee0000;}



.intellectual ul li:nth-child(1) h2{ color: #fff;}

.intellectual ul li:nth-child(1) p{ color: #fff;}

.intellectual ul li:nth-child(1) dt{ color: #fff;background: url(../images/a_45.png) no-repeat left center;font-size: 16px;}

.intellectual ul li:nth-child(3) dt{ color: #fff;background: url(../images/a_45.png) no-repeat left center;}



/*===服务项目-定制开发=*/

.deve{position: relative; z-index: 100;}

.deve_fl{padding: 0 3%;border-bottom: 1px solid #e5e5e5;height: 50px;z-index: 100000;}

.home{display: inline-block;*display: inline;height: 50px; width: 50px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;background: url(../images/a_52.png) no-repeat center center;vertical-align: middle;}

.basics{text-align: center; line-height: 50px; border-right: 1px solid #e5e5e5; width: 3rem; display: inline-block;*display: inline;font-size: 16px; color: #333;background: url(../images/a_53.png) no-repeat 2.5rem center;vertical-align: middle;}

.rjflbox{position: relative;height: 50px;display: inline-block;*display: inline;z-index: 1000;}

.wzrj{transition: all .8s ease 0s;position: absolute; top:50px; left:-3px; width: 300px; padding: .1rem 0;background: #fff;display: none; box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index: 100000; }

.wzrj ul{overflow: hidden;}

.wzrj li{float: left; width: 50%; line-height: 3.2; }

.wzrj a{transition: all .8s ease 0s;display: block; padding: 0 .2rem; font-size: 16px; color: #666;}

.wzrj a:hover{color: #fff; background: #c73041;}

.rjflbox:hover .wzrj{display: block;}









.customized{overflow: hidden;}

.customized_r{ width: 100%;}

.customized_r img{width: 100%;}

.customized_l{width: 100%;  padding: 0 5%;}

.customized_l h4{font-size: 14px; color: #6d6d6d; padding: .4rem 0 .2rem;}

.customized_l h2{font-size: 18px; color: #444; padding-bottom: .4rem;}

.customized_l p{font-size: 14px; line-height: 1.8; color: #6d6d6d;text-align:justify; word-break: break-all;}



.wechat{position: relative; margin-top:.5rem; background: url(../images/a_50.png);background-size: 100% 100%;overflow: hidden;}

.wxkf_tp{width: 100%; }

.wxkf_tp img{width: 100%; }

.wechat_text{ width: 100%; padding: .4rem;}

.wechat_text h2{color: #fff;font-size: 20px; padding-bottom: .45rem;}

.wechat_text p{font-size: 16px; color: #fff;line-height: 1.8;}

.btn7{transition: all .4s ease 0s;display: block;width: 150px; height:50px; text-align: center; background:rgba(255,255,255,.2); line-height: 50px; font-size: 16px; color: #fff; margin-top: .45rem;}

.btn7:hover{background: #ee0000;}



.wechat_a{position: relative; margin-top: .5rem; background: url(../images/a_54.png);background-size: auto 100%;overflow: hidden;}

.wech_tp{ width: 100%;}

.wech_tp img{width: 100%;}

.program{margin-top: .5rem; background: #bde8f1;overflow: hidden; position: relative;}

.program_tp{width: 100%; float: right; height: auto;}

.program_tp img{width: 100%;}

.program_text{width: 100%; padding: .4rem;}

.program_text h2{color: #4c4c4c;font-size: 20px; padding-bottom: .45rem;}

.program_text p{font-size:16px; color: #7a7a7a;line-height: 1.8;}

/*==服务项目_基础服务==*/

.domain_name{position: relative;background: #000000;overflow: hidden; margin-top: .5rem;}

.domain_name_text{width: 100%; padding: .4rem;}

.domain_name_text h2{color: #fff;font-size: 20px; padding-bottom: .45rem;}

.domain_name_text p{font-size: 16px; color: #fff;line-height: 1.8;}

.domain_name_tp{width: 100%;}

.domain_name_tp img{width: 100%;}

.the_server{position: relative;background: #190e5c;overflow: hidden; margin-top: .5rem;}

.the_server_tp{ width: 100%;}

.the_server_tp img{width: 100%;}

.the_server_text{ padding: .4rem;}

.the_server_text h2{color: #fff;font-size: 20px; padding-bottom: .45rem;}

.the_server_text ul{overflow: hidden;}

.the_server_text li{float: left; width: 50%; line-height: 32px; font-size: 14px; color: #fff;}



.keep_record{position: relative;background: #fff;overflow: hidden; margin-top: .5rem;}

.keep_record_tp{width: 100%; float: right;}

.keep_record_tp img{width: 100%;}

.keep_record_text{padding: .4rem;}

.keep_record_text h2{color: #333333;font-size: 20px; padding-bottom: .45rem;}

.keep_record_text p{font-size: 16px; color: #666;line-height: 1.8;}

.btn8{transition: all .4s ease 0s;display: block;width:150px; height: 50px; text-align: center; background:rgba(0,0,0,.2); line-height: 50px; font-size: 16px; color: #fff; margin-top: .45rem;}

.btn8:hover{background: #ee0000;color: #fff;}



.telephone{position: relative;background: #0c2198;overflow: hidden; margin-top: .5rem;}

.telephone_tp{width: 100%;}

.telephone_tp img{width: 100%;}

.telephone_text{padding: .4rem;}

.telephone_text h2{color: #fff;font-size: 20px; padding-bottom:.45rem;}

.telephone_text p{font-size:16px; color: #fff;line-height: 1.8;}

/*==服务项目_知识产权==*/

.leftbox{width:100%; float: none}

.leftbox img{width: 100%;}

.patent_application{overflow: hidden;background: url(../images/a_75.png);background-size: 100% 100%; margin-top: .7rem; position:relative;}

.trademark{overflow: hidden;background:#bde8f1;background-size: 100% 100%; margin-top: .5rem; position:relative;}

.left_text{width: 100%; padding: .4rem;}

.left_text h2{color: #fff;font-size: 20px; padding-bottom: .4rem;}

.left_text p{font-size: 16px; color: #fff;line-height: 1.8;}

.btn9{transition: all .4s ease 0s;display: block;width: 150px; height: 50px; text-align: center; background:rgba(162,162,162,.2); line-height:50px; font-size: 16px; color: #737373; margin-top: .45rem;}

.btn9:hover{background: #ee0000;color: #fff;}

.right_text{100%; padding: .4rem;}

.right_text h2{color: #fff;font-size: 20px; padding-bottom: .45rem;}

.right_text p{font-size: 16px; color: #fff;line-height: 1.8;}



.enterprise{overflow: hidden;background: url(../images/a_78.png);background-size: 100% 100%; margin-top: 50px; position:relative;}

.authentication{overflow: hidden;background: url(../images/a_80.png);background-size: 100% 100%; margin-top: 50px; position:relative;}

.left_text2{width: 100%; padding: .4rem;}

.left_text2 h2{color: #4c4c4c;font-size:20px; padding-bottom: .45rem;}

.left_text2 p{font-size: 16px; color: #7a7a7a;line-height: 1.8;}



/*==关于我们==*/

.cd-fixed-bg.cd-bg-2 {background-image: url(../images/a_81.png);animation:pagebgfd 9s infinite linear ;}





.introduction{text-align: center; padding: 1.3rem 0 .8rem;}

.introduction p{font-size: 14px;color: #444444; line-height: 1.8; padding-bottom: .4rem;}

.introduction ul{overflow: hidden; padding-top: .7rem;}

.introduction li{float: left; width: 25%;}

.introduction h3{font-size: 26px; color: #000000;}

.introduction h4{font-size: 14px; color: #474747;padding: .25rem 0 .3rem;}

.introduction h2{font-size: 12px; color: #000000;}

.introduction span{font-family: font1;font-size: .6rem;}



.purpose{background: url(../images/a_82.png) no-repeat center center; padding: 1rem 0;background-size: auto 100%;}

.purpose_text{padding: 0 3%;}

.purpose_text h2{color: #fff;font-size: 14px; font-weight: bold; padding-bottom: .3rem;}

.purpose_text p{font-size: 12px; color: #fff; line-height: 2;text-align:justify; word-break: break-all;}

.purpose_text a{display: block; width: 300px; height: 50px; position: relative; background: #fff; border-radius: 25px;font-size: 18px; line-height: 50px; padding-left: .3rem; color: #000;overflow: hidden; margin-top: .3rem;} 

.purpose_text b{background: url(../images/a_83.png);width: 40px; height: 40px; position: absolute; right:5px; top:5px; overflow: hidden;background-size: 100% 100%;}

.purpose_text span{transition: all .4s ease 0s;position: absolute; left:0; top:0; height:50px; background: #fe3636;width: 0;}

.purpose_text a:hover{color: #fff;}

.purpose_text a:hover span{width: 100%;}

.purpose_text em{position: relative;z-index: 10;}

/*==联系我们==*/

.contact_us ul{padding:.6rem .1rem .6rem .1rem ;overflow: hidden; margin-left: -60px;}

.contact_us li{width: 100%;  padding-left: 60px; padding-bottom: .3rem;}

.contactbox {position: relative; border: 1px solid #dedede; padding: .15rem;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1);  }

.contactbox img{width: 100%;}

.contact_text{position: absolute; top:.4rem; left:.4rem;}

.contact_text h2{font-size: 18px; color: #5f5f5f; font-weight: bold; padding-bottom: .2rem;}

.contact_text p{font-size: 14px; color: #888888; line-height: 1.8;}

.contact_text b{font-weight: bold;}

.map img{width: 100%;}



/*==新闻资讯==*/

.hot_tags ul{overflow: hidden; padding-top: .3rem;}

.hot_tags li{float: left; padding-right: .15rem; padding-bottom: .2rem;}

.hot_tags a{display: block; text-align: center; line-height: .6rem;  border: 2px solid #8e94a3;border-radius: .3rem;width: 2rem; font-size:.26rem; color: #808080;}

.hot_tags .hover4 a{border: 2px solid #b40c0f; color: #b40c0f;}

.hot_tags a:hover{border: 2px solid #b40c0f; color: #b40c0f;}

.list_news ul{overflow: hidden; padding: .6rem .05rem 0 .05rem; margin-left: -.5rem;}

.list_news li{width: 100%; padding: 0 0 .5rem .5rem;}

.list_box{transition: all .8s ease 0s;overflow: hidden; padding: .2rem; border: 1px solid #d7d7d7;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.list_left{float: left; width: 100px; height: 100px; background: #0980cb; text-align: center;}

.list_left h2{font-size: 28px; line-height: 2.2; color: #fff; font-weight: bold;}

.list_left p{color: #fff; font-size: 16px;}

.list_right{float: right; width: calc(100% - 120px);}

.list_right h2{font-weight: bold; font-size: 15px; line-height: 2; color: #424242;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.list_right p{font-size: 14px; line-height: 1.8; color: #838383;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.list_news a:hover .list_box{background: #cc0404;}

.list_news a:hover .list_left{background: #fff;}

.list_news a:hover .list_left h2{color: #cc0404;}

.list_news a:hover .list_left p{color: #cc0404;}

.list_news a:hover .list_right h2{color: #fff;}

.list_news a:hover .list_right p{color: #fff;}

/*==企业邮箱==*/

.mailbox_tit{text-align: center; padding-top: .7rem;}

.mailbox_tit h2{font-size: 18px; color: #333; padding-bottom: .26rem;}

.mailbox_tit p{font-size: 14px; color: #999;}

.amil_tit p{font-size: 14px;}

.mailbox_box ul{padding: .9rem 0; overflow: hidden;}

.mailbox_box li{width: 50%; float: left;}

.mailbox_box ul{overflow: hidden;}

.mailbox_box li{width: 100%; border: 1px solid #dedede;margin-bottom: .5rem;}

.mail{ padding: 0 .48rem;transition: all .8s ease 0s;cursor:pointer;}

.amil_tit{text-align: center; padding: .25rem 0 .25rem;border-bottom: 1px solid #dedede;}

.amil_tit h2{font-size: 20px; padding-bottom: .25rem; color: #333333;}

.mail_nr{text-align: center;height: 5rem; position: relative;}

.mail_nr dl{width: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.mail_nr dt{line-height: 2; font-size: 14px;color: #333;}

.mail_bottom{border-top: 1px solid #dedede; padding:.3rem 0; text-align: center;}

.mail_bottom p{font-size: 20px; color: #e20b0f;padding-bottom: .3rem;}

.mail_bottom p span{font-size: 26px; }

.mail_bottom a{display: inline-block; margin: 0 auto; width: 150px; height: 50px; font-size: 16px; background: #5495de;border-radius: 25px;  line-height: 50px;color: #fff;}

.mssy{display: none;}

.mailbox_box .on .mail{ position: relative;transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); -ms-transform: scale(1.05);-webkit-box-shadow:0 0 10px rgba(226, 7, 11, .5);  -moz-box-shadow:0 0 10px rgba(226, 7, 11, .5);  box-shadow:0 0 10px rgba(226, 7, 11, .5); z-index: 10;background: #e2070b;}

.mailbox_box .on .mail h2{color: #fff;}

.mailbox_box .on .mail dt{color: #fff;}

.mailbox_box .on .mail p{color: #fff;}

.mailbox_box .on .mail a{color: #e2070b; background: #fff;}

.mailbox_box .on .mssy{display: block;color: #fff; padding-top: 10px;} 



.moilnr{margin: 50px 0 40px;border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}

.moilnr ul{overflow: hidden;}

.moilnr li{width: 50%; float: left;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}



.stable{display: block; text-align: center;background: #fff; padding: .7rem .3rem 0 .3rem;transition: All 0.4s ease-in-out;}

.moilnr span{display: block;width: 1.5rem; height: 1.5rem; position: relative; margin: 0 auto;}

.moilnr img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 100%;}

.moilnr h2{font-size: 18px; text-align: center;color: #333333;  padding: .25rem 0 .35rem;}

.moilnr p{height: 130px; line-height: 1.8; font-size: 12px; color: #666666; padding-bottom: 15px;}

.stable:hover{background: url(../images/a_17.jpg); background-size: 100% 100%;}

.stable:hover h2{color: #fff;}

.stable:hover p{color: #fff;}



.bj4{background: url(../images/a_16.jpg);background-size: auto 100%;animation:pagebgfd 9s infinite linear ;}

.function_tit{text-align: center;padding: .5rem 0;}

.function_tit h2{font-size: .36rem; padding-bottom: .25rem; color: #fff;}

.function_tit p{font-size: .26rem; color: #fff;}

.function_box ul{overflow: hidden;}

.function_box li{float: left; width: 50%; text-align: center; padding: 0 3% .6rem 3%;}

.function_box img{margin: 0 auto;height: .86rem; width: auto;}

.function_box h2{color: #fff; font-size: 18px; padding: .15rem 0 .25rem;}

.function_box p{font-size: 16px; line-height: 1.6; color: #fff;height: .9rem;}



.bj5{background: url(../images/a_107.png) no-repeat center bottom #f2f2f2;animation:pagebgfd 9s infinite linear ;}

.qyyx_nr ul{overflow: hidden;padding: .6rem 0 .2rem; text-align: center;}

.qyyx_nr li{display: inline-block;*display: initial; padding:0 .1rem .35rem .1rem;width: 49%;}

.item-padding { position: relative; overflow: hidden;width: 100%;background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.qyyx_tit{text-align: center; padding: .55rem 0 0 0;}

.qyyx_tit h2{font-size: 20px; padding-bottom: .26rem; color: #666;}

.qyyx_tit p{font-size: 16px; color: #999;}



.relative{transition: all .4s ease 0s;float: left; width: 40%; line-height: 1.52rem;font-size: 22px; text-align: center;color: #242424; position: relative; z-index: 1;}

.relat{transition: all 1s ease 0s;width: 60%;display: block; line-height: 1.52rem; float: left;font-size: 14px; color: #333333; position: relative;z-index: 1;text-align: center;}

.itema-bg{transition: all .8s ease 0s;position: absolute; left:0; height: 3rem; width: 40%; background: #f4f4f4;border-radius: 0 50% 50% 0;top:50%; transform: translateY(-50%);}

.qyyx_nr a:hover .itema-bg{background: #e2080c;width: 100%; border-radius: 0 0 0 0;}

.qyyx_nr a:hover .relative{color: #fff;}

.qyyx_nr a:hover .relat{color: #fff;}



.xyfw{overflow: hidden;margin-bottom: .6rem; position: relative;background: #f2f2f2;}

.xyfw_left{width: 100%; padding: .4rem; background-image: linear-gradient(#222de7, #3976fa);}

.xyfw_left h2{font-size: 20px; color: #fff; line-height: 3;}

.xyfw_left h4{color: #fff; font-size:14px;}

.xyfw_left h3{font-size: 18px; line-height: 86px; color: #fff;}

.xyfw_left p{font-size: 14px; color: #fff; line-height: 1.8;text-align:justify; word-break: break-all;}



.xyfw_right{float: right; width: 100%;}

.xyfw_right img{width: 100%; }

.xyfwmop{position: relative;}

.xyfw_right .swiper-button-prev{background: url(../images/a_14.jpg); width: .79rem; height: 1rem;left:0; bottom: 1rem; margin-top: 0;top:auto;background-size: 100% 100%;}

.xyfw_right .swiper-button-next{background: url(../images/a_12.jpg); width: .79rem; height: 1rem;left:0; bottom: 0; margin-top: 0;top:auto;background-size: 100% 100%;}



.extension.on{ position:fixed; top: 97px; left: 0;}



.extension a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.extension ul li:nth-child(1){border-left: 1px solid #d6d6d6;}



.extension .on a{background: #fff;border-bottom: 1px solid #FF050A;}



#LoutiNav { text-align: center;background: #f9f9f9;width:100%;z-index: 1000;border-bottom: 1px solid #d6d6d6;}

#LoutiNav.on{position: fixed;left:0; top:50px;}

#LoutiNav{overflow: hidden;}

#LoutiNav li {  line-height:50px;height:50px;font-size:12px;text-align:center;cursor:pointer;width: 25%; float: left; display: block;border-left: 1px solid #d6d6d6;}

#LoutiNav li span{padding: 0 .1rem;display: block; no-repeat right center;color: #353535;font-weight: bold; border-right: 1px solid #d6d6d6; margin: 0 -2px;}

#LoutiNav .active span {background:#fff;color:#353535;border-bottom: 2px solid #e2070b;height: 49px;}

#LoutiNav li:hover span {background:#fff;color:#353535;height: 49px; line-height: 49px;}

/*==网站案例详情==*/

.client_case{padding: .3rem 0;}

.client_tit h2{font-size: 16px; color: #3f3f3f; padding: 0 0 .25rem;}

.client_tit h4{position: relative; font-size: 14px; color: #3f3f3f; padding-bottom: .35rem;}

.client_tit h4:before{border-bottom: 3px solid #cccccc; width: .4rem; left:0; bottom: .15rem; position: absolute; content: "";}

.client_tit p{font-size: 12px; color: #7f7f7f; line-height: 1.8;}

.client_tit h3{padding-top: .4rem;}

.client_tit a{display: inline-block;*display: inline;height:40px; line-height:40px; width: 120px; border: 1px solid #666666; margin-right: .2rem;text-align: center;font-size: 14px;background: #f6f6f6;}

.client_tit .btn11{border: 1px solid #d90000;color: #fff; background: #d90000;}

.client_tit img{vertical-align: middle; display: inline-block;*display: inline; margin-right: 10px;}

.client_box{padding-top: 55px;}

.client_box img{width: 100%;}

/*==网站建设套餐==*/

.tgfl{border-bottom: 1px solid #d6d6d6;background: #f9f9f9; padding: 0 5%;}

.tgfl ul{text-align: center;width: 1200px; margin: 0 auto;overflow: hidden;}

.tgfl li{float: left; width: 25%;}

.tgfl a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.tgfl ul li:nth-child(1){border-left: 1px solid #d6d6d6;}

.tgfl a:hover{background: #fff;border-bottom: 1px solid #FF050A;}

.tgfl .hover6 a{background: #fff;border-bottom: 1px solid #FF050A;}



.package_deal{width: 100%; margin: 0 auto;overflow: hidden;padding: .8rem 0 0 0 ;}

.package_l{ width: 2.8rem;height: 2.8rem; border: 2px solid #000000; border-radius: 50%; position: relative; margin: 0 auto;}

.img1 {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.package_l:hover .zzgn{width: 100%; height: 100%;}

.package_box{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center; width: 100%; }

.zzgn{transition: all .6s ease 0s;position: absolute;background: rgba(0,0,0,.8);width: 0; height: 0; z-index: 100;border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;}

.zzgn span{display: block; text-align: center; line-height: 275px;  font-size: 34px; color: #FF050A;}

.package_box h2{font-size: 16px; font-weight: bold; color: #333333;}

.package_box p{padding: .14rem 0 .22rem; color: #666;font-size: 12px;}

.package_box img{margin: 0 auto;width: 1.07rem;}

.package_r{width:100%; padding:.3rem 3% 0 3%;}

.package_r li{overflow: hidden; border-bottom: 1px solid #dddddd; padding: .1rem; line-height: 20px;}

.pack_left{float: left; width: 1.2rem; line-height: 1.6; font-size: 12px; text-align: center;color: #666666;font-weight: bold;}

.pack_right{float: right; width: calc(100% - 1.4rem);}

.pack_right p{color: #666; font-size: 12px; line-height: 1.6;}

.pack_right b{font-weight: bold;}

.pack_right a{font-weight: bold; color: #ff0000;}

.pack_right em{font-weight: bold; color: #ff0000;}



/*==网站建设==*/

.btn10{display: block; width: 144px; height: 48px; font-size: 14px; color: #fff; background: #e53245;border-radius: 8px; margin: 11px auto 0 auto;border: none;cursor:pointer;transition: All 0.4s ease-in-out; text-align: center; float: right; margin-top: 40px; line-height: 48px;}

.btn10:hover{color: #fff; background: #a50a1a;}



.service_process{overflow: hidden; position: relative; padding:1rem 0;}

.service_right{ width: 100%; padding-top: .3rem;}

.service_right img{width: 100%;}

.service_left{ background: #a92c68;  background-image: linear-gradient(to bottom right, #4301b9 , #d63f44);z-index: 10;}

.service_text{padding: .4rem;}

.service_text h2{color: #fff; position: relative; font-size: 18px; padding-bottom: .5rem;}

.service_text p{color: #fff;font-size: 14px;}

.service_text h2:before{position: absolute; left:0; bottom: .3rem; content: ""; border-bottom: 2px solid #fff; width: .5rem;}

.service_text ul{text-align: center; padding-top: .5rem;}

.service_text li{display: inline-block;*display: inline; }

.servbox{width: 2rem; height: 2rem; text-align: center; position: relative;transition: all .6s ease 0s; }

.servbox img{width: .8rem;}

.servbox .im1{position: absolute; top:10px; left:50%;transform:translateX(-50%);transition: all .5s ease 0s;}

.servbox .im2{margin: 0 auto; padding-top: 10px;}

.servbox p{font-size: 14px; text-align: center; color: #fff; padding-top: .2rem;}

.servbox:hover{background: #fff;}

.servbox:hover p{color: #ef0000;}

.servbox:hover .im1{opacity: 0;}



.particle-network-animation {width: 100%; position: absolute;left:0; top:0;height: 100%;}

.particle-network-animation::before {z-index: -2;content: ''; position: absolute; top: 0; right: 0; bottom: 0;left: 0; background-size: cover; opacity: 0.2;}

.glow { z-index: -1; position: fixed;top: 50%;left: 50%;background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);}

.glow-1 { width: 150vw; height: 150vh; margin-top: -75vh;margin-left: -75vw;animation: glow-1-move 25s linear infinite both;}

@keyframes glow-1-move {

  from {

    transform: translate(-100%, 100%);

  }

  to {

    transform: translate(100%, -100%);

  }

}

.glow-2 { width: 100vw;height: 100vh; margin-top: -50vh; margin-left: -50vw; animation: glow-2-move 25s linear 8.3333333333s infinite both;}



@keyframes glow-2-move {

  from {

    transform: translate(-100%, 0%);

  }

  to {

    transform: translate(100%, 100%);

  }

}

.glow-3 { width: 120vw; height: 120vh; margin-top: -60vh;margin-left: -60vw;animation: glow-3-move 25s linear 16.6666666667s infinite both;}

@keyframes glow-3-move {

  from { transform: translate(100%, 100%);}

  to { transform: translate(0%, -100%);}

}

/*==网站推广==*/

.extension{border-bottom: 1px solid #d6d6d6;background: #f9f9f9; padding: 0 5%; width: 100%;z-index: 90;}

.extension.on{ position:fixed; top: 97px; left: 0;}

.extension ul{text-align: center;}

.extension li{display: inline-block;*display: inline;}

.extension a{display: block; font-size: 20px; line-height: 75px; text-align: center;font-weight: bold; color: #353535; padding: 0 110px;border-right: 1px solid #d6d6d6;}

.extension ul li:nth-child(1){border-left: 1px solid #d6d6d6;}



.extension .on a{background: #fff;border-bottom: 1px solid #FF050A;}



.baidu_promotion{overflow: hidden; padding: .8rem 0;}

.baidu_r{width: 100%; }

.baidu_r img{width: 100%;animation:scaleDraw 9s infinite linear ;}

.baidu_l{ width:100%;}

.baidubox{padding: .3rem 0;}

.baidubox h2{font-size: 18px; color: #505050; font-weight: bold; padding-bottom: .2rem;}

.baidubox p{font-size: 12px; color: #747474;line-height: 1.8;}

.baidubox h4{font-size: 16px; color: #505050; font-weight: bold; padding:.5rem 0 .2rem;}



.bj2{background: #ededed;}

.title2{text-align: center; padding: 50px 0 30px 0; text-align: center;}

.title2 h2{font-size: 18px; font-weight: bold; color: #353535; padding-bottom: .25rem;}

.title2 p{font-size:14px; height: .6rem;background: url(../images/a_91.png) no-repeat center bottom; margin-bottom: .35rem;}

.title2 h4{text-align: left; color: #6a6a6a; font-size: 12px; line-height: 1.8;}

.succ_text h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-weight: bold;font-size: 14px; color: #353535; line-height: 2; padding-top: 10px;}

.succ_text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 12px; line-height: 1.6; color: #6a6a6a;}



.seo_tit{text-align: center; }

.seo_tit h2{font-size: 22px; color: #353535; padding: .75rem 0 .55rem;font-weight: bold;}

.seo_tit span{color: #f5511e;}

.seo_box{padding-bottom: .6rem;}

.seo_box ul{overflow: hidden; margin-left: -.2rem;}

.seo_box li{float: left; width: 50%; position: relative; padding-left:.2rem; padding-bottom: .3rem;}

.seonr h2{color: #fff; font-weight: bold; font-size: 16px; line-height: 3; background: #1c2e49; text-align: center;}

.seonr{background: #fafafa;height:;}

.seo_box img{position: absolute; left:15px; top:50%;transform:translateY(-50%);display: none;}

.seonr dl{padding: .2rem;}

.seonr dt{font-size: 12px; line-height: 1.8;color: #706f6f;}



.propaganda h2{font-size: 22px; color: #484848; font-weight: bold; line-height: 1.5rem;text-align: center;}

.propaganda ul{overflow: hidden; margin-left: -.25rem; padding-bottom: .45rem;}

.propaganda li{float: left; width: 100%; padding: 0 0 .3rem .25rem;}

.prop{padding: .2rem; overflow: hidden; border: 1px solid #b8b8b8; height: auto;}

.prop_right{width: 1.2rem; margin: 0 auto;}

.prop_right img{width: 100%;}

.prop_left{ width:100%;}

.prop_tit{overflow: hidden; padding-bottom: .2rem;}

.prop_tit span{display: block; width: .6rem; height: .6rem; font-weight: bold; font-size: .3rem; text-align: center; line-height: .5rem; color: #fff; margin-right: .1rem;float: left;}

.prop_tit h3{font-size: .24rem; font-weight: bold; line-height: .3rem;}

.prop_tit h4{font-size: .24rem; color: #666666; font-weight: bold;}

.propaganda ul li:nth-child(1) span{background: #ff7303;}

.propaganda ul li:nth-child(1) h3{color: #ff7303;}

.propaganda ul li:nth-child(2) span{background: #e8443a;}

.propaganda ul li:nth-child(2) h3{color: #e8443a;}

.propaganda ul li:nth-child(3) span{background: #729f17;}

.propaganda ul li:nth-child(3) h3{color: #729f17;}

.propaganda ul li:nth-child(4) span{background: #179f6d;}

.propaganda ul li:nth-child(4) h3{color: #179f6d;}

.propaganda ul li:nth-child(5) span{background: #0c6db2;}

.propaganda ul li:nth-child(5) h3{color: #0c6db2;}

.propaganda ul li:nth-child(6) span{background: #ff7303;}

.propaganda ul li:nth-child(6) h3{color: #ff7303;}

.prop_left p{font-size: 14px; line-height: 1.8;  color: #666666;}



.bj3{background: url(../images/a_93.png) no-repeat center center; background-size: auto 100%; padding-bottom: .5rem;}

.optimization_tit{text-align: center; padding: .6rem 0;}

.optimization_tit h2{font-weight: bold; color: #fff; font-size: 18px;}

.optimization_tit h4{font-size: 16px; line-height: 1.6; color: #a3a3a3; padding: .2rem 0;}

.optimization_tit p{line-height: 1.4; font-size: 14px; color: #c9c9c9;}

.optimization ul{overflow: hidden; text-align: center;}

.optimization li{display: inline-block;*display: inline; padding-bottom: .3rem; }

.optimization ul li p{position: relative; background: url(../images/a_94.png);width: 3.4rem; height: 3.4rem; background-size: 100% 100%;}

.optimization  span{position: absolute; font-size: 12px; line-height: 1.8;font-weight: bold;left:50%; top:50%; transform:translate(-50%,-50%); color: #fff; text-align: center;width: 100%;}

.img1 {cursor:pointer;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}



/*弹窗内容*/

.wzbj{background: rgba(0,0,0,.6);width: 100%; height: 100%; position: fixed; left: 0; top:0;z-index: 101;display: none;}

.baojia{ padding: .35rem;  width: 94%; box-sizing: border-box; position: fixed;z-index: 102;left:50%; top:50%; transform:translate(-50%,-50%);background: #fff;display: none;}

.baojia .logo img{ height: .5rem; width: auto;}



.baojia .nr{ padding-top:.5rem; padding-bottom: .2rem;}

.baojia .nr h2{ font-size: .26rem; color: #333;}

.baojia .nr h3{ font-size: .4rem; font-family: fantasy; color: #e60012; padding: .1rem 0px;}

.baojia .nr h4{ height: .6rem; padding: .2rem 0px; line-height: 1.8; display: flex; font-size: .26rem; padding-bottom: .3rem; margin-bottom: .3rem;}

.baojia .nr h4 a{ display: block; width: 2rem; height: .6rem; background: #222; color: #fff; text-align: center; border-radius: .06rem; margin-left: .1rem; font-size: .26rem; line-height: .6rem;}



.baojia .nr2 h2{ display: flex;}

.baojia .nr2 h2 .text:nth-child(2){ margin-left: .1rem;}

.baojia .nr2 .text{ width: 50%; height: .8rem; line-height: .8rem; border: 0px; border-bottom: 1px solid #222; font-size: .24rem; margin-bottom: .15rem;}

.baojia .nr2 .text1{ width: 100%; height: .8rem; line-height: .8rem; border: 0px; border-bottom: 1px solid #222; font-size: .24rem; margin-bottom: .15rem;}

.baojia .nr2 p{ font-size: .26re,; padding:.2rem 0;}

.baojia .nr2 p i{ margin-right: 3px;}

.baojia .nr2 .anniu{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #e60012;  border-radius: 5px; border: 0px; cursor: pointer;}

.gbbtn{background: url(../images/a_20.png); width: .4rem; height: .4rem; position: absolute; right: .4rem; top:.2rem;cursor:pointer;background-size: 100% 100%;}



.slide_right{ display: none;}



/*背景代码*/

#site-background .layer-wrapper {

	position: fixed;

	height: 100vh;

	z-index: -999;

	top: 0;

	left: 0;

	width: 100vw

}



#site-background .layer-wrapper>div {

	position: absolute;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100%

}



#site-background .layer-wrapper>div>div {

	position: absolute

}



#site-background .layer-wrapper .element1 {

	top: -1.2rem;

	left: 10%

}



#site-background .layer-wrapper .element2 {

	top: -1.7rem;

	left: 40%

}



#site-background .layer-wrapper .element3 {

	top: 200px;

	right: -5%

}



#site-background .layer-wrapper .element4 {

	top: 10vh;

	left: -25%;

	-webkit-transform: scale(.9) rotate(50deg);

	transform: scale(.9) rotate(50deg)

}



#site-background .layer-wrapper .element5 {

	top: 50vh;

	right: -5%

}



#site-background .layer-wrapper .element6 {

	top: 55vh;

	left: 25%;

	-webkit-transform: scale(.7) rotate(80deg);

	transform: scale(.7) rotate(80deg)

}



#site-background .layer-wrapper div img { width: 5rem;

	animation: zoom 25s infinite;

	animation-direction: alternate;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease

}



#site-background .layer-wrapper .layer1 img {

	animation-delay: 2s; width: 4rem;

	animation-duration: 30s

}



@keyframes zoom {

	0% {

		transform: scale(.7) rotate(0deg)

	}



	30% {

		transform: scale(.95) rotate(40deg)

	}



	60% {

		transform: scale(.8) rotate(20deg)

	}



	100% {

		transform: scale(1) rotate(60deg)

	}

}

.dbdw{display: none;}

.db_top p{font-size: 12px;}

.db_top i{font-size: 12px;}

.db_top img{margin-right: 2px;}

.db_top em { padding-left: 0;}

.db_top a{width: 75px;}

.fgtt{display: none;}

body{padding-bottom: 55px;}

}

@media(max-width:750px){

.qyyx_nr li{display: inline-block;*display: initial; padding:0 .1rem .35rem .1rem;width: 100%;}

.fgtt { display:none!important;}

.dbdw { display:none!important}

.bj1 .video-sign { display:none;}

}

@media(max-width:480px){

.function_box li{height: 180px;}

.function_box h2 {

    color: #fff;

    font-size: 14px;

    padding: .15rem 0 .25rem;

}

.function_box p {

    font-size: 12px;

    line-height: 1.6;

    color: #fff;

    height: .9rem;

}

.in_box21 .hd ul li .img img {

    width: 100%;

    height: auto;

}

.in_box21 .hd ul li .nr h2 {

    transition: none;

}

.in_box21 .hd ul li .img {

    width: 60%;

    position: absolute;

    right: 0px;

    top: -20%;

    z-index: 2;

}

.in_box21 .hd ul li .nr {

    background: #fff;

    box-shadow: 0px 0px 8px #ccc;

    position: relative;

}

.in_box21 .hd ul li .nr a {

    display: inline-block;

    transition: all 0.5s ease 0s;

}

}

@media(max-width:480px){

.relat {

    transition: all 1s ease 0s;

    width: 60%;

    display: block;

    line-height: 1.52rem;

    float: left;

    font-size: 15px;

    color: #333333;

    position: relative;

    z-index: 1;

    text-align: center;

}

.in_box21 .hd ul li {

    width: 100%;

    transition: all 0.5s ease 0s;

}

.in_box21 .hd ul li.on {

    width: 100%;

    transition: all 0.5s ease 0s;

}



.hyfa h2 {

    color: #fff;

    font-size: 20px;

    padding-bottom: .5rem;

    position: relative;

}

.hyfa a {

    width: 120px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 12px;

    display: inline-block;

    *display: inline;

    margin-right: .15rem;

    border-radius: 6px;

}

.success_nr li {

    float: left;

    width: 50%;

    padding: 0 0 .5rem .25rem;

}

.success_text h2 {

    font-size: 12px;

    color: #2e2e2e;

	 height:28px; line-height:14px;

	   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;

    padding-bottom: 10px;

    transition: all .8s ease 0s;

}

.success_text span {

    font-size: 12px;

    color: #bcbcbc;

    transition: all .8s ease 0s;

}

.yxtgbox p {

    font-size: 16px;

    font-weight: bold;

    color: #404040;

}

.shopping_title h2 {

    color: #fff;

    font-size: 20px;

    line-height: 1.8;

}

.address h2 {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    padding-bottom: .15rem;

}

.address p {

    line-height: 1.8;

    font-size: 12px;

}

.copyright p {

    font-size: 12px;

    color: #b7b7b7;

    line-height: 1.6;

    padding-bottom: .1rem;

}

.paging a {

    *display: inline;

    display: inline-block;

    padding: 3px 4px;

    border: 1px solid #dddddd;

    border-radius: .05rem;

    color: #666666;

    font-size: 12px;

}

.cooperative_box li {

    float: left;

    width: 50%;

    padding: 0 0 .2rem .2rem;

}

.seo_box li {

    float: left;

    width: 100%;

    position: relative;

    padding-left: .2rem;

    padding-bottom: .3rem;

}

}



@media(min-width:1000px){ 
/*====*/
.banner1{margin-top: 97px; position: relative;}
.banner1 img{width: 100%;}

.success2{padding:40px 0% 110px 0%; max-width:1440px; margin:0 auto;}
.succesf{ width:100%; height:auto; font-size:36px; color:#3A5578; line-height:80px; text-align:center; font-weight:bold;}
.success_nr2 ul{overflow: hidden; padding-top: 15px; margin-left: -40px;}
.success_nr2 li{float: left; width:50%; padding: 0 0 50px 40px;}

.box12{position: relative;overflow: hidden;}
.box12:before{	content: '';background:linear-gradient(206.84deg, rgba(240, 146, 46, 0.78) 10.62%, rgba(228, 58, 43, 0.78) 100.01%);;height: 100%;width: 100%;	opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}
.box12:hover:before{opacity: 1;filter: blur(0);}
.box12 img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}
.box12:hover img{ transform: scale(1.9) rotate(45deg); }
.box12 .box-content2{color: #fff;text-align: left;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 80%;left: 50%;z-index: 1;	transition: all 0.5s ease;}
.box12:hover .box-content2{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1); padding-left:70px;}
.box12 .title21{font-size: 24px;font-weight: 700; text-align:left; background:url(../images/a0.png) left bottom no-repeat; padding:0px 0px 20px 0px; margin-bottom:15px; }
.box12 .post2{font-size: 18px;text-transform: capitalize; display:block;  }
.box12 .icon2{padding: 0;margin: 0;list-style: none;filter: blur(10px);transform: scale(0);position: absolute;right: 40px;bottom: 0px;z-index: 2;transition: all 0.5s ease 0.2s;}
.box12:hover .icon2{transform: scale(1);filter: blur(0);}
.box12 .icon2 li a{overflow: hidden;color: #fff;font-size:18px;border:1px solid #fff;box-sizing: border-box; text-align: center;line-height: 50px;height: 50px;width: 160px;margin: 0 3px;display: block;position: relative;transition: all 0.3s;}
.succesfn{ width:100%; height: auto; background:url(../images/a00.png) center ; background-size:cover; text-align:center; font-size:36px; font-weight:bold; color:#fff; padding:70px 0px; margin-bottom:30px; margin-top:20px;}
.succe_detail{ width:100%; height:auto;}
.succe_detail img{ display:inline-block; max-width:100%; border:0px; margin:0px; padding:0px;}
}
@media(max-width:1450px){
.success2{padding:40px 5% 10px 5%; max-width:1440px; margin:0 auto;}
}
	@media only screen and (max-width:990px){
		.box12{ margin-bottom: 30px; }
	}
	@media only screen and (max-width:479px){
		.box12 .title2{ font-size: 20px; }
	}











@media(max-width:999px){
	
	.banner1{margin-top: 50px; position: relative; height: 4rem;width: 100%; overflow: hidden;}
.banner1 img{height: 100%; position: absolute;}
	
.success2{padding: 30px 3% 60px 3%;}
.succesf{ width:100%; height:auto; font-size:20px; color:#3A5578; line-height:40px; text-align:center; font-weight:bold;}
.success_nr2 ul{overflow: hidden; padding-top: 15px; margin-left: -.25rem;}
.success_nr2 li{float: left; width:50%; padding: 0 0 .5rem .25rem;}

.box12{position: relative;overflow: hidden;}
.box12:before{	content: '';background:linear-gradient(206.84deg, rgba(240, 146, 46, 0.78) 10.62%, rgba(228, 58, 43, 0.78) 100.01%);height: 100%;width: 100%;	opacity: 0;filter: blur(10px);transform: scale(1) rotate(180deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s ease-in-out;}
.box12:hover:before{b;opacity: 1;filter: blur(0);}
.box12 img{width: 100%;height: auto;transition: all 0.5s ease-in-out;}
.box12:hover img{ transform: scale(1.9) rotate(45deg); }
.box12 .box-content2{color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) scale(3);position: absolute;top: 50%;left: 50%;z-index: 1;	transition: all 0.5s ease;}
.box12:hover .box-content2{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}
.box12 .title21{font-size: .26rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0; margin-bottom:5px; padding:0px;}
.box12 .post2{font-size: .24rem;text-transform: capitalize; }
.box12 .icon2{padding: 0;margin: 0;list-style: none;filter: blur(10px);transform: scale(0);position: absolute;right: .2rem;bottom: -.25rem;z-index: 2;transition: all 0.5s ease 0.2s;}
.box12:hover .icon2{transform: scale(1);filter: blur(0);}
.box12 .icon2 li a{overflow: hidden;text-align: center;display: block;position: relative;transition: all 0.3s; color:#fff;	font-size:10px;border:1px solid #fff;box-sizing: border-box; text-align: center;line-height: 26px;width: 80px;}
.succesfn{ width:100%; height: auto; background:url(../images/a00.png) center ; background-size:cover; text-align:center; font-size:20px; font-weight:bold; color:#fff; padding:20px 0px; margin-bottom:15px; margin-top:10px;}
.succe_detail{ width:100%; height:auto;}
.succe_detail img{ display:inline-block; max-width:100%;border:0px; margin:0px; padding:0px;}
}